ECMAScript 2017（也称为ES8）是JavaScript的最新版本，它引入了一些新的语言特性和API。其中，Map和WeakMap是两个非常有用的对象，它们可以用于存储自定义对象。本文将详细介绍Map和WeakMap的用法，并提供示例代码和指导意义。
Map对象
Map对象是一种键值对集合，其中键和值可以是任意类型的值，包括对象。使用Map对象可以更方便地存储和访问自定义对象。下面是一个简单的示例：
-- -------------------- ---- ------- ----- ----- - --- ------ ----- ---- - ------ --------- ----- ---- - ------ ------- --------------- --------- --------------- ------- ----------------------------- -- ------- ----------------------------- -- -----
在上面的示例中，我们创建了一个Map对象myMap，并使用set()方法向其中添加了两个键值对，分别是obj1和obj2。然后，我们使用get()方法从myMap中获取了obj1和obj2的值。
除了set()和get()方法，Map对象还有其他常用的方法，例如has()、delete()、clear()等。这些方法的用法与JavaScript对象中的方法类似。
WeakMap对象
WeakMap对象也是一种键值对集合，与Map对象不同的是，WeakMap的键必须是对象，而且是弱引用。这意味着，如果一个键对象没有被其他对象引用，它就会被垃圾回收器回收。这使得WeakMap对象非常适合存储临时数据，例如缓存数据。
下面是一个简单的示例：
-- -------------------- ---- ------- ----- --------- - --- ---------- ----- ---- - ------ --------- ----- ---- - ------ ------- ------------------- --------- ------------------- ------- --------------------------------- -- ------- --------------------------------- -- -----
在上面的示例中，我们创建了一个WeakMap对象myWeakMap，并使用set()方法向其中添加了两个键值对，分别是obj1和obj2。然后，我们使用get()方法从myWeakMap中获取了obj1和obj2的值。
需要注意的是，由于WeakMap的键是弱引用，所以不能通过for...of循环或Object.keys()方法遍历WeakMap对象。但是，WeakMap对象有一个entries()方法，可以返回一个迭代器，用于遍历键值对。下面是一个示例：
-- -------------------- ---- ------- ----- --------- - --- ---------- ----- ---- - ------ --------- ----- ---- - ------ ------- ------------------- --------- ------------------- ------- --- ---- ----- ------ -- -------------------- - ---------------- ------- -
在上面的示例中，我们使用entries()方法遍历了myWeakMap对象中的键值对。
总结
Map和WeakMap对象是两个非常有用的对象，它们可以用于存储自定义对象。使用Map对象可以更方便地存储和访问自定义对象，而使用WeakMap对象可以存储临时数据，并且不会造成内存泄漏。在实际开发中，我们可以根据需求选择适合的对象。
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- ------- -- --------- ----- ----- - --- ------ -- --------- ----- ---- - ------ --------- ----- ---- - ------ ------- -- ------------ --------------- --------- --------------- ------- -- ------------ ----------------------------- -- ------- ----------------------------- -- ----- -- ------------- ----- --------- - --- ---------- -- ---------------- ------------------- --------- ------------------- ------- -- ---------------- --------------------------------- -- ------- --------------------------------- -- ----- -- ----------------------------- --- ---- ----- ------ -- -------------------- - ---------------- ------- -
指导意义
本文介绍了ECMAScript 2017中的Map和WeakMap对象，以及它们的用法和示例代码。掌握Map和WeakMap对象的用法，可以更方便地存储和访问自定义对象，同时也可以避免内存泄漏问题。在实际开发中，我们应该根据需求选择适合的对象，以提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e28eb71886fbafa4f3acc4