如何深入理解并高效运用JavaScript中的WeakMap?

2026-04-01 16:201阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1134个文字,预计阅读时间需要5分钟。

如何深入理解并高效运用JavaScript中的WeakMap?

WeakMap对象是一组键值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意类型。创建WeakMap的语法是:new WeakMap([iterable]),其中iterable是一个可选的迭代器,可以是一个数组(二元数组)或其他可迭代的对象。

WeakMap对象是一组键/值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意的。

语法

new WeakMap([iterable])

参数

iterable
Iterable 是一个数组(二元数组)或者其他可迭代的且其元素是键值对的对象。每个键值对会被加到新的WeakMap 里。null 会被当做 undefined。

描述

WeakMap 的 key 只能是Object类型。原始数据类型 是不能作为 key 的(比如 Symbol)。

Why WeakMap?

在 JavaScript 里,map API 可以通过使其四个 API 方法共用两个数组(一个存放键,一个存放值)来实现。给这种map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候,需要遍历所有的键,然后使用索引从存储值的数组中检索出相应的值。

但这样的实现会有两个很大的缺点,首先赋值和搜索操作都是 O(n) 的时间复杂度( n 是键值对的个数),因为这两个操作都需要遍历全部整个数组来进行匹配。另外一个缺点是可能会导致内存泄漏,因为数组会一直引用着每个键和值。这种引用使得垃圾回收算法不能回收处理他们,即使没有其他任何引用存在了。

阅读全文

本文共计1134个文字,预计阅读时间需要5分钟。

如何深入理解并高效运用JavaScript中的WeakMap?

WeakMap对象是一组键值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意类型。创建WeakMap的语法是:new WeakMap([iterable]),其中iterable是一个可选的迭代器,可以是一个数组(二元数组)或其他可迭代的对象。

WeakMap对象是一组键/值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意的。

语法

new WeakMap([iterable])

参数

iterable
Iterable 是一个数组(二元数组)或者其他可迭代的且其元素是键值对的对象。每个键值对会被加到新的WeakMap 里。null 会被当做 undefined。

描述

WeakMap 的 key 只能是Object类型。原始数据类型 是不能作为 key 的(比如 Symbol)。

Why WeakMap?

在 JavaScript 里,map API 可以通过使其四个 API 方法共用两个数组(一个存放键,一个存放值)来实现。给这种map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候,需要遍历所有的键,然后使用索引从存储值的数组中检索出相应的值。

但这样的实现会有两个很大的缺点,首先赋值和搜索操作都是 O(n) 的时间复杂度( n 是键值对的个数),因为这两个操作都需要遍历全部整个数组来进行匹配。另外一个缺点是可能会导致内存泄漏,因为数组会一直引用着每个键和值。这种引用使得垃圾回收算法不能回收处理他们,即使没有其他任何引用存在了。

阅读全文