前端经典面试题合集, JS 中 Map 和 WeakMap 有什么区别?

Step 1

Q:: JS 中 Map 和 WeakMap 有什么区别？

A:: Map 和 WeakMap 都是 JavaScript 中用于存储键值对的数据结构。Map 允许使用任何类型的值（包括对象和基本类型）作为键，并且可以迭代其键和值。WeakMap 只允许对象作为键，并且这些对象是弱引用，意味着如果没有其他引用指向这些对象，它们可以被垃圾回收。Map 适用于需要频繁读取和写入数据的场景，而 WeakMap 适用于需要关联临时对象的场景，以防止内存泄漏。

Step 2

Q:: 什么时候应该使用 Map 而不是 Object？

A:: 在以下情况中应该使用 Map 而不是 Object：需要确保键的顺序、需要存储非字符串类型的键、需要更高效的插入和查找操作。Map 在这些方面相对于 Object 有显著的性能优势。

Step 3

Q:: WeakMap 的主要应用场景是什么？

A:: WeakMap 主要用于存储与 DOM 元素关联的数据或缓存对象，防止内存泄漏。由于 WeakMap 中的键是弱引用，垃圾回收机制可以正常回收这些对象，避免内存泄漏。

Step 4

Q:: 如何迭代 Map 中的所有键和值？

A:: 可以使用 Map.prototype.forEach() 方法或者 for...of 循环来迭代 Map 中的键和值。forEach 接收一个回调函数，该函数会对 Map 中的每个键值对执行一次操作。for...of 循环则可以通过解构赋值直接访问键和值。