ES6 面试题 | 11.精选 ES6 面试题

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

解释ES6中的WeakMap和WeakSet，以及它们在内存管理中的应用

ES6中的WeakMap和WeakSet是两种新的数据结构，主要用于解决循环引用导致的内存泄漏问题。

WeakMap

• WeakMap类似于Map，但是其键只能是对象类型，且键名所指向的对象是弱引用。
• 这意味着，如果这个对象在其他地方没有被引用，那么它将会被垃圾回收。
• WeakMap常常被用来保存对象的私有数据，因为其键不可遍历，所以可以利用这个特性来存储一些只有特定代码能够访问的数据。

WeakSet

• WeakSet类似于Set，但成员只能是对象类型，且成员对象是弱引用。
• 这意味着，如果这个对象在其他地方没有被引用，那么它将会被垃圾回收。
• WeakSet主要用于去重，比如在一些场景下需要判断一个对象是否已经在一个集合中，如果使用WeakSet来存储这些对象，那么当这些对象在其他地方不再使用时，它们就会被垃圾回收，从而防止了内存泄漏。

需要注意的是，由于WeakMap和WeakSet中的键是弱引用，因此它们无法遍历全部内容，因为垃圾回收机制会不定期清除无用的键值对，因此不能保证所有键值对都在集合中一直存在。

如何在代码中使用WeakMap和WeakSet？

在代码中使用WeakMap和WeakSet的方法如下：

• WeakMap：
  • 使用WeakMap()构造函数创建一个新的WeakMap对象。
  • 使用set()方法向WeakMap中添加键值对，键必须是对象类型（null除外），值可以是任意类型。
  • 使用get()方法获取WeakMap中指定键对应的值。
  • 由于WeakMap中的键是弱引用，因此垃圾回收机制会自动释放不再使用的键值对，无须手动删除。

• WeakSet：
  • 使用WeakSet()构造函数创建一个新的WeakSet对象。
  • 使用add()方法向WeakSet中添加元素，元素必须是对象类型。
  • 使用delete()方法从WeakSet中删除指定的元素。
  • 由于WeakSet中的元素是弱引用，因此垃圾回收机制会自动释放不再使用的元素，无须手动删除。

WeakMap和WeakSet在实际应用中可以解决循环引用导致的内存泄漏问题，你可以根据具体的业务需求选择使用。

为什么WeakMap和WeakSet中的键是弱引用？

WeakMap和WeakSet中的键是弱引用的原因在于，这两种数据结构主要用于存储与对象相关的信息，但又不希望这些信息阻止垃圾回收机制回收对象所占用的内存。

具体来说，如果没有其他变量引用WeakMap或WeakSet中的对象，那么垃圾回收机制会自动回收该对象所占用的内存，而无需手动删除键或者值。

这种设计使得WeakMap和WeakSet在某些场景下更加灵活和高效，例如在处理大型数据结构或处理循环引用时，可以有效避免内存泄漏和程序崩溃等问题。

在使用WeakMap和WeakSet时需要注意哪些问题？

在使用WeakMap和WeakSet时，需要注意以下问题：

• 键只能是对象类型：WeakMap和WeakSet的键只能是对象类型，并且键名所指向的对象是弱引用。
• 不能遍历全部内容：由于WeakMap和WeakSet中的键是弱引用，垃圾回收机制会不定期清除无用的键值对，因此不能保证所有键值对都在集合中一直存在，也就无法遍历全部内容。
• 垃圾回收机制：WeakMap和WeakSet的主要应用场景是，垃圾回收机制可以自动回收不再被引用的键所对应的对象，而不用手动删除键或者值。

在使用WeakMap和WeakSet时，建议在合适的场景下使用，并注意上述问题，以避免出现意外的错误或问题。

在哪些情况下适合使用WeakMap和WeakSet？

WeakMap 和 WeakSet 适用于以下情况：

1. 避免内存泄漏：当你需要存储对某个对象的引用，但又不希望这个引用阻止对象的垃圾回收时，可以使用 WeakMap 或 WeakSet。例如，在缓存中存储对象，或者在观察者模式中存储对被观察对象的引用。

2. 解决循环引用问题：如果两个对象相互引用，形成循环引用，那么它们都无法被垃圾回收。使用 WeakMap 或 WeakSet 可以打破这种循环引用，允许其中一个对象被垃圾回收。

3. 临时存储数据：在某些情况下，你可能需要在短时间内存储一些数据，但不希望这些数据一直存在于内存中。使用 WeakMap 或 WeakSet 可以确保在不再需要这些数据时，它们会被自动垃圾回收。

需要注意的是，WeakMap 和 WeakSet 中的键是弱引用，这意味着如果没有其他强引用指向对应的对象，那么对象可能会被垃圾回收，从而导致WeakMap 或 WeakSet 中对应的键值对或成员被删除。因此，在使用 WeakMap 和 WeakSet 时，要确保你理解其弱引用的特性，并在适当的时候处理键值对或成员的删除。

如果需要在WeakMap或WeakSet中存储一些数据，应该如何设计这些数据的结构？

当你需要在 WeakMap 或 WeakSet 中存储一些数据时，可以考虑以下数据结构的设计原则：

1. 使用对象作为键：由于 WeakMap 和 WeakSet 的键只能是对象，所以你可以将需要存储的数据封装在一个对象中，然后将该对象作为 WeakMap 或 WeakSet 的键。

2. 避免使用循环引用：由于 WeakMap 和 WeakSet 的键是弱引用，如果存在循环引用，可能会导致对象无法被垃圾回收。因此，在设计数据结构时，要避免创建循环引用。

3. 考虑数据的生命周期：WeakMap 和 WeakSet 中的数据可能会因为对象的垃圾回收而被删除。因此，在设计数据结构时，要考虑数据的生命周期，确保在需要时能够正确处理数据的删除。

4. 使用值的不可变数据结构：如果你存储的值是不可变的，例如字符串、数字或其他不可变的数据结构，那么可以更安全地使用 WeakMap 或 WeakSet，因为这些值不会被其他代码修改。

5. 注意并发访问：WeakMap 和 WeakSet 不是线程安全的，如果在多个线程中同时访问和修改 WeakMap 或 WeakSet，可能会导致不一致的结果。因此，在多线程环境中使用时，需要注意并发访问的问题。

以下是一个示例，展示了如何在 WeakMap 中存储数据：

// 创建一个 WeakMap 对象
const weakMap = new WeakMap();

// 创建一个数据对象，并将其作为 WeakMap 的键
const data = { id: 123, name: 'John' };

// 将数据存储在 WeakMap 中
weakMap.set(data, 'This is data for object with id 123');

// 访问存储的数据
console.log(weakMap.get(data)); 

在上述示例中，将一个包含id和name属性的对象data作为 WeakMap 的键，并将一个字符串值作为对应的值存储在 WeakMap 中。通过使用weakMap.get(data)可以获取到存储的数据。

请根据你的具体需求，合理设计数据结构，并在适当的时候处理数据的删除和并发访问问题。