Map与WeakMap

MapWeakMap 是 JavaScript 中用于存储键值对的数据结构,它们在用法上有一些相似之处,但也有关键的区别,主要在于键的类型、垃圾回收行为以及可迭代性等方面。以下是它们的核心区别:


✅ 1. 键(Key)的类型

Map WeakMap
键可以是任意类型(对象或基本类型) 必须是对象(不能是基本类型)
js 复制代码
let map = new Map();
map.set('a', 1);       // 字符串作为键
map.set({}, 2);        // 对象作为键

let weakMap = new WeakMap();
weakMap.set({}, 2);    // 只能用对象作为键
// weakMap.set('a', 1); // ❌ 报错:无效键(TypeError: Iterator value a is not an entry object)

✅ 2. 垃圾回收机制(GC)

Map WeakMap
对象作为键时,不会被自动垃圾回收 如果没有其他引用,键对象会被自动回收

🔍 解释WeakMap 中的键是"弱引用",不会阻止垃圾回收机制回收该对象。

js 复制代码
let obj = {};
let map = new Map();
let weakMap = new WeakMap();

map.set(obj, 'value');
weakMap.set(obj, 'value');

obj = null;

// Map 中的键值对仍然存在(引用保留)
console.log(map); // 仍包含原对象作为键

// WeakMap 的键值对可能会被回收(无法检测)

✅ 3. 可迭代性

Map WeakMap
是可迭代的(可使用 forEachfor...ofentries() 等) 不是可迭代的,无法遍历键值对
js 复制代码
let map = new Map();
map.set('a', 1);
for (let [key, val] of map) {
  console.log(key, val);
}

// WeakMap 不支持迭代:
let weakMap = new WeakMap();
// weakMap.forEach(...) ❌ 错误

✅ 4. 用途场景

Map 用途 WeakMap 用途
需要任意类型的键,且需要可遍历和操作全部键值对 适用于给对象绑定私有数据或缓存信息,且不影响对象回收

✅ 5. API 对比

功能 Map WeakMap
set(key, val) ✅ 支持 ✅ 支持
get(key) ✅ 支持 ✅ 支持
has(key) ✅ 支持 ✅ 支持
delete(key) ✅ 支持 ✅ 支持
遍历 forEach, for...of ❌ 不支持
size 属性 ✅ 支持 ❌ 不支持

✅ 总结对比表

特性 Map WeakMap
键的类型 任意类型 只能是对象
是否可迭代
垃圾回收关联 是(键可被自动回收)
用途 通用键值存储 私有数据关联 / 缓存

如果你需要缓存绑定在对象上的一些信息,又不想影响垃圾回收,用 WeakMap。如果你需要完整地追踪、遍历或使用任何类型的键,用 Map

相关推荐
别看我只是一直狼2 分钟前
从观察者模式到 RxJS:让复杂的异步逻辑变得优雅又舒服
javascript
花间相见3 分钟前
【终端效率工具01】—— Yazi:Rust 编写的现代化终端文件管理器,告别繁琐操作
前端·ide·git·rust·极限编程
|晴 天|13 分钟前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
风止何安啊20 分钟前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
太极OS26 分钟前
给 AI Skill 做 CI/CD:GitHub + ClawHub + Xiaping 同步发布实战
前端
你_好26 分钟前
Chrome 内置了 AI 工具协议?WebMCP 抢先体验 + 开源 DevTools 全解析
前端·mcp
GISer_Jing27 分钟前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
正在发育ing__31 分钟前
从源码看vue的key和状态错乱的patch
前端
木心术132 分钟前
TypeScript实战进阶:从基础类型到高级类型编程
javascript·ubuntu·typescript
Hello--_--World1 小时前
浏览器同源策略与跨域问题
javascript