别轻视ES6新特性之Map与WeakMap，帮你事半功倍

前言
ES6为JavaScript带来了许多新特性，其中Map和WeakMap是两个非常有用的数据结构。Map可以存储键值对，与对象类似，但是它具有更强的灵活性，键值可以是任何类型的数据，甚至可以是对象。WeakMap与Map相似，也是一个键值对的数据结构，但它是弱引用的，即键值对不会阻止垃圾回收器回收键值对中的键。

Map介绍

Map对象允许你以键值对的形式存储元素。你可以向Map对象中添加键值对，也可以根据键来检索元素。Map对象中的键可以是任何类型的对象，包括字符串、数字、布尔值，甚至是另一个对象。

使用场景

• 替代对象存储键值对

在ES6之前，如果我们需要存储键值对，我们通常会使用对象。但是，对象有一个限制，就是键只能是字符串。Map对象则没有这个限制，键可以是任何类型的数据。这使得Map对象非常适合存储复杂的数据结构，例如对象、数组、函数等。

• 作为缓存

Map对象还可以用作缓存。当我们需要存储一些数据，但又不想让这些数据占用太多的内存时，我们可以将这些数据存储在Map对象中。这样，当我们需要这些数据时，我们可以直接从Map对象中检索，而无需重新计算。

WeakMap介绍

WeakMap对象与Map对象相似，也是一个键值对的数据结构。但是，WeakMap对象是弱引用的，即键值对不会阻止垃圾回收器回收键值对中的键。这使得WeakMap对象非常适合存储那些不需要长时间存储的数据，例如临时数据、缓存数据等。

使用场景

• 存储DOM元素

WeakMap对象非常适合存储DOM元素。因为DOM元素是会经常被创建和销毁的，所以将DOM元素存储在WeakMap对象中可以防止垃圾回收器回收这些元素。

• 存储事件监听器

WeakMap对象也可以用来存储事件监听器。因为事件监听器也是会经常被创建和销毁的，所以将事件监听器存储在WeakMap对象中可以防止垃圾回收器回收这些监听器。

Map和WeakMap的区别

• 键类型

Map对象可以存储任何类型的键，包括字符串、数字、布尔值、对象等。WeakMap对象只能存储对象键。

• 弱引用

Map对象中的键值对是强引用的，即键值对会阻止垃圾回收器回收键值对中的键和值。WeakMap对象中的键值对是弱引用的，即键值对不会阻止垃圾回收器回收键值对中的键。

• 遍历

Map对象中的键值对是按照插入顺序排列的。WeakMap对象中的键值对不是按照插入顺序排列的。

总结

Map和WeakMap是ES6新增的两个非常有用的数据结构。Map对象可以存储键值对，与对象类似，但是它具有更强的灵活性，键值可以是任何类型的数据，甚至可以是对象。WeakMap对象与Map对象相似，也是一个键值对的数据结构，但它是弱引用的，即键值对不会阻止垃圾回收器回收键值对中的键。Map和WeakMap都有各自的使用场景，在实际开发中，我们可以根据具体情况选择使用哪种数据结构。