JavaScript是否有类似Python `id`函数的等价方法？d3.js v4调试

你在调试D3.js v4时遇到的这个问题太典型了——看着像同一个对象，实际可能是不同实例，又因为两个引用不在同一个作用域，没法直接用===对比。JavaScript里确实没有像Python id()那样直接返回内存地址的原生方法，但咱们有几个实用的替代方案，帮你搞定这个问题：

方案1：用Symbol给对象添加唯一标识 #

Symbol的核心特性就是全局唯一，我们可以给每个对象绑定一个专属的Symbol属性，用来标记它的唯一性，而且不会污染对象的普通属性：

// 定义一个全局唯一的Symbol作为标识键
const OBJECT_UNIQUE_ID = Symbol('object-unique-id');
// 可选：用递增数字保证绝对唯一，避免随机ID冲突
let idCounter = 0;

// 获取对象唯一ID的工具函数
function getObjectUniqueId(obj) {
  if (!obj.hasOwnProperty(OBJECT_UNIQUE_ID)) {
    obj[OBJECT_UNIQUE_ID] = ++idCounter;
    // 也可以用随机字符串：obj[OBJECT_UNIQUE_ID] = Math.random().toString(36).slice(2, 10);
  }
  return obj[OBJECT_UNIQUE_ID];
}

// 作用域A中使用
const d3ObjA = d3.select('#target-element');
console.log('对象A的唯一ID:', getObjectUniqueId(d3ObjA));

// 作用域B中使用（比如另一个模块、异步回调里）
const d3ObjB = d3.select('#target-element');
console.log('对象B的唯一ID:', getObjectUniqueId(d3ObjB));

// 对比ID判断是否为同一实例
console.log(getObjectUniqueId(d3ObjA) === getObjectUniqueId(d3ObjB)); // 同一实例会返回true

方案2：用WeakMap做无侵入的对象-ID映射 #

如果不想修改原对象的结构，可以用WeakMap来存储对象和唯一ID的映射关系，它还能自动配合垃圾回收，避免内存泄漏：

// 全局WeakMap存储对象与ID的对应关系
const objectIdMap = new WeakMap();
let idCounter = 0;

function getObjectUniqueId(obj) {
  if (!objectIdMap.has(obj)) {
    objectIdMap.set(obj, ++idCounter);
  }
  return objectIdMap.get(obj);
}

// 使用方式和方案1完全一致
const obj1 = d3.select('#test');
const obj2 = obj1;
console.log(getObjectUniqueId(obj1) === getObjectUniqueId(obj2)); // true

关键注意点 #

• 为什么没法用===？因为两个对象引用不在同一作用域时，你没法同时拿到两个变量直接对比，但只要能分别获取到两个对象的引用（哪怕在不同作用域），就能用上面的方法给它们标记ID再做对比。
• 对于D3.js的选择集对象，这两个方案都完全适用——只要是同一DOM元素的同一选择实例，标记的ID就会完全一致。

内容的提问来源于stack exchange，提问作者JL Peyret