ES6学习笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ES6学习笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1699字，纯文字阅读大概需要3分钟。

内容图文

1.Set

1. 数据结构，类似数组
2. 没有重复
3. 可用…或者Array.from将new Set构造函数返回值转为数组
4. 有add/delete/clear/has/size方法
5. 有keys/values/entries/forEach方法（键和值相同）
6. 可用于取交集、并集、差集

2. WeakSet

1. 成员只能是对象
2. 成员都是弱引用，随时可能消失，不能遍历，没有size方法
3. 有add/delete/has方法
4. 应用：保证了Foo的实例方法，只能在Foo的实例上调用。这里使用 WeakSet 的好处是，foos对实例的引用，不会被计入内存回收机制，所以删除实例的时候，不用考虑foos，也不会出现内存泄漏。

const foos = new WeakSet()
class Foo {
  constructor() {
    foos.add(this)
  }
  method () {
    if (!foos.has(this)) {
      throw new TypeError('Foo.prototype.method 只能在Foo的实例上调用！');
    }
  }
}

3. Map

1. 类似于对象，但键的范围不限于字符串（Map数据结构不是对象）
2. Map 的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键。这就解决了同名属性碰撞（clash）的问题，我们扩展别人的库的时候，如果使用对象作为键名，就不用担心自己的属性与原作者的属性同名。
3. 有set/get/delete/clear/has/size方法
4. 有keys/values/entries/forEach方法
5. 可用…转为数组
6. 对象转Map Object.entries()

const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"

4. WeakMap

1. 只接受对象作为键名（不接受null作为键名）
2. WeakMap的键名所指向的对象，不计入垃圾回收机制。
3. 有方法get/set/has/delete
4. 无遍历方法、无size属性
5. WeakMap 应用的典型场合就是 DOM 节点作为键名（它的键所对应的对象，可能会在将来消失。WeakMap结构有助于防止内存泄漏。）

let myWeakmap = new WeakMap();

myWeakmap.set(
  document.getElementById('logo'),
  {timesClicked: 0})
;

document.getElementById('logo').addEventListener('click', function() {
  let logoData = myWeakmap.get(document.getElementById('logo'));
  logoData.timesClicked++;
}, false);

内容总结

以上是互联网集市为您收集整理的ES6学习笔记全部内容，希望文章能够帮你解决ES6学习笔记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---