【前端面经】JS-JS 中 Map 和 WeakMap 有什么区别?

在JavaScript中，Map和WeakMap都是键值对的集合，但它们之间有几个重要的区别。

键类型

Map和WeakMap最大的区别是它们的键类型限制。 Map对象可以使用任何类型的值作为键，包括基本数据类型和对象类型，而WeakMap对象的键必须是对象类型。这是因为WeakMap使用对象的引用作为键，并且只有对象才有引用。如果尝试使用基本数据类型作为WeakMap的键，会导致TypeError异常。

垃圾回收

另一个区别是Map和WeakMap对垃圾回收机制的影响。在Map对象中，键和值都会被常规垃圾回收机制回收，而在WeakMap对象中，键是弱引用。这意味着，当对象被垃圾回收时，WeakMap中对应的键值对也会被自动删除。这使得WeakMap通常用于缓存或元数据，当对象不再被使用时，WeakMap可以自动清除对应的数据，避免内存泄漏。

迭代器

Map对象和WeakMap对象之间的另一个区别是它们的迭代器。Map对象有内置的迭代器，可以通过for…of循环来遍历键值对，而WeakMap没有内置的迭代器，因此不能直接遍历键值对。

应用场景

综上所述，Map和WeakMap在功能上有所重叠，但应用场景不同。Map可以存储任何类型的键值对，适用于大部分情况；WeakMap适用于需要自动清除的缓存和元数据场景。

在实际开发中，开发者应该根据具体情况选择使用哪种数据结构。如果需要存储任何类型的键值对，并且不需要自动清除数据，那么Map是一个很好的选择。如果需要缓存或元数据，并且需要自动清除数据以避免内存泄漏，那么WeakMap是更好的选择。