javascript中map可用对象作键实现引用相等映射，适合元信息存储与缓存；weakmap则通过弱引用避免内存泄漏；封装getorcreate等工具可提升可维护性，且map在键类型、顺序、性能上优于object。
JavaScript 中用 Map 关联对象与复杂数据，核心在于：对象可作为键（引用相等），避免了普通对象键只能是字符串/符号的限制，特别适合存储对象元信息、缓存、状态映射等场景。
用对象作 Map 的键，直接绑定复杂值
Map 允许任意类型（包括对象）作为键，且严格按引用比较。这意味着你可以把一个 DOM 元素、React 组件实例、Class 实例等作为键，关联它的配置、状态、副作用函数等复杂数据。
- 创建 Map：
const metadata = new Map(); - 设值：
metadata.set(someObject, { lastUpdated: Date.now(), tags: ['active', 'dirty'], cache: new Map() }); - 取值：
const data = metadata.get(someObject);—— 只有传入**同一个对象引用**才能取到
避免内存泄漏：配合 WeakMap 存储临时关联数据
如果关联的数据生命周期应与对象一致（比如只在对象存活时有效），优先用 WeakMap。它持有对象键的弱引用，不阻止垃圾回收，适合缓存、私有字段模拟、装饰器元数据等。
const cache = new WeakMap();cache.set(userObj, { avatarUrl: "...", permissions: new Set(['read']) });- 当
userObj被销毁且无其他引用时，cache中对应条目自动释放 - ⚠️ 注意：
WeakMap不支持遍历、size、clear()，也不能用非对象作键
封装工具函数，提升可读性与复用性
为常用模式封装方法，比如“给对象挂载私有数据”或“批量管理对象状态”：
- 定义一个带默认值的
getOrCreate工具： - 使用示例：
const state = getOrCreate(componentMap, component, () => ({ pending: false, errors: [] })); - 也可扩展成类，统一管理多个 Map（如分别存 loading 状态、错误、响应数据）
function getOrCreate(map, key, factory) {
if (!map.has(key)) map.set(key, factory());
return map.get(key);
}
对比 Object 和 Map 的关键差异
别误用普通对象模拟映射 —— 它们本质不同：
-
键类型：Object 键自动转字符串（
{[{}]: 1}→{"[object Object]": 1}）；Map 支持任意类型 - 顺序保证：Map 按插入顺序迭代；Object 属性顺序在 ES2015+ 有规范但较复杂（数字键优先）
-
性能与大小：Map 对大量键值对更高效；
map.size直接获取长度，而Object.keys(obj).length需生成数组 -
原型干扰：Object 可能被原型链上的同名属性覆盖（如
obj.constructor）；Map 完全隔离
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
