[关闭]
@JunQiu 2018-09-18T21:30:02.000000Z 字数 3084 阅读 1742

侵入式/非侵入式设计、mock测试、es6新特性(set/map)

summary_2018/08 language_js designIdea se(软工)


1、日常工作
1.1、es6新特性:set/map
1.2、账号集群account-select版本更新和mock测试
1.3、侵入式设计和非侵入式设计
1.4、mock测试

2、技术学习
2.1、es6新特性
  1. ## set
  2. ES6 提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。
  3. Example:集合内值唯一,且不会添加重复的值
  4. const s = new Set();
  5. [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
  6. for (let i of s) {
  7. console.log(i);
  8. }
  9. ## 初始化
  10. // 不接受参数/接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数
  11. const set = new Set()
  12. const set = new Set([1, 2, 3, 4, 4])
  13. TipsSet 内部判断两个值是否不同,使用的算法叫做“Same-value-zero equality”,它类似于精确相等运算符(===),主要的区别是NaN等于自身,而精确相等运算符认为NaN不等于自身。
  14. ## set实例的属性和方法
  15. // 属性
  16. Set.prototype.constructor:构造函数,默认就是Set函数。
  17. Set.prototype.size:返回Set实例的成员总数。
  18. // 方法
  19. add(value):添加某个值,返回 Set 结构本身。
  20. delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
  21. has(value):返回一个布尔值,表示该值是否为Set的成员。
  22. clear():清除所有成员,没有返回值。
  23. //遍历方法
  24. keys():返回键名的遍历器
  25. values():返回键值的遍历器
  26. entries():返回键值对的遍历器
  27. // 上面的返回值均为SetIterator{[ 1, 1 ], [ 2, 2 ]}结构
  28. forEach():使用回调函数遍历每个成员
  29. set = new Set([1, 4, 9]);
  30. set.forEach((value, key) => console.log(key + ' : ' + value))
  31. // 1 : 1
  32. // 4 : 4
  33. // 9 : 9
  34. Tipsset的键没有,或者说和值一样
  35. ## WeakSet
  36. set类似,但WeakSet的成员只能是对象,而不能是其他类型的值。
  37. TipsWeakSet 中的对象都是弱引用,即垃圾回收机制不考虑 WeakSet 对该对象的引用(不计数),即当没有外部元素引用该变量将被垃圾回收机制清理,垃圾回收机制运行时间不定,因此内部的值不确定,不提供遍历。
  38. ## Map
  39. JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。
  40. // 类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。
  41. ## 初始化
  42. // 不接受参数/任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构(详见《Iterator》一章)都可以当作Map构造函数的参数。
  43. const set = new Set([
  44. ['foo', 1],
  45. ['bar', 2]
  46. ])
  47. Tips:对于引用类型,Map的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键。这就解决了同名属性碰撞(clash)的问题;对于原始数据类型,只要两个值严格相等,Map 将其视为一个键。(注意NAN视为同一个键)
  48. ## 实例的属性和操作方法
  49. size size属性返回 Map 结构的成员总数。
  50. set set方法设置键名key对应的键值为value,然后返回整个 Map 结构。如果key已经有值,则键值会被更新,否则就新生成该键。
  51. get get方法读取key对应的键值,如果找不到key,返回undefined
  52. has has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。
  53. delete delete方法删除某个键,返回true。如果删除失败,返回false
  54. clear clear方法清除所有成员,没有返回值。
  55. ## 遍历方法
  56. keys():返回键名的遍历器。
  57. values():返回键值的遍历器。
  58. entries():返回所有成员的遍历器。
  59. forEach():遍历 Map 的所有成员。
  60. TipsMap 的遍历顺序就是插入顺序。如果已经存在,直接修改values,位置不变。
  61. ## 与其它类型相互转换
  62. // map转数组,最简单就用拓展运算符
  63. [...myMap]
  64. // 数组转map,传入构造函数
  65. // map转对象
  66. 如果所有 Map 的键都是字符串,它可以无损地转为对象。非字符串,会先转换为字符串。
  67. // 对象转map
  68. objToStrMap({yes: true, no: false})
  69. // map转json
  70. Map 转为 JSON 要区分两种情况。一种情况是,Map 的键名都是字符串,可以选择转为对象 JSONMap 的键名有非字符串,可以选择转为数组 JSON
  71. strMapToJson(myMap)
  72. mapToArrayJson(myMap)
  73. // json转map
  74. jsonToMap('[[true,7],[{"foo":3},["abc"]]]')
  75. jsonToStrMap('{"yes": true, "no": false}')
  76. ## weakMap
  77. map类似,但WeakMap的的键只能是对象,而不能是其他类型的值,也是若引用机制。

2.2、侵入式设计和非侵入式设计

2.3、mock测试
  1. ## 一些使用场景
  2. 1、比如开发一些服务需要操作线上的数据库,直接操作十分不提倡,甚至不允许,这是就可以采用mock测试模拟数据
  3. 2、或者开发的服务依赖于其它服务,这是也需要进行mock测试,模拟依赖的服务返回的数据
  4. ## 按提供方式分类
  5. 1、被依赖服务自身提供自己服务的mock测试,供需要的服务调用(即一个服务伴随一个mock测试)
  6. // 需要服务开发者能够获得依赖服务,比如团队开发的时候
  7. // 当然,会增大一定开发的工作量,对依赖此服务开发的具有很大的益处(当然也可以只完成被依赖服务的mock测试)
  8. 2、服务开发者,自己根据依赖的对象构建mock测试
  9. // 这种方式的灵活性较高,自己需要的时候才构建,且按照自己需要的方式构建,工作量较小
  10. Tips:我比较推荐第一种方式,因为第二种方式我们有可能不能完全正确复制依赖对象的行为(不是实际服务的开发者)。对于数据库的访问最好对外提供统一的mock接口。当然最终也需要视具体情况而定。
  11. Tips:在极特殊的情况,mock测试可能不能完全覆盖real环境下的某些边界条件
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注