如何在JavaScript中实现对象的keys/values属性式调用（类似Swift扩展）

嘿，这个需求在JavaScript里完全可以实现！就像Swift的扩展一样，我们可以通过扩展对象的原型来添加自定义的keys和values属性，让调用更简洁。下面给你两种可行的方案，还有需要注意的细节：

方案一：全局扩展所有对象（快捷但需谨慎） #

如果你想让所有普通对象都能直接用.keys和.values访问，可以通过修改Object.prototype来实现。这里推荐用getter属性，因为每次访问都应该返回当前对象的最新键/值列表，而不是固定的静态值：

// 给所有对象添加keys getter
Object.defineProperty(Object.prototype, 'keys', {
  get: function() {
    return Object.keys(this);
  },
  enumerable: false, // 关键：避免遍历对象时被枚举出来
  configurable: true // 允许后续修改或删除这个属性
});

// 同理添加values getter
Object.defineProperty(Object.prototype, 'values', {
  get: function() {
    return Object.values(this);
  },
  enumerable: false,
  configurable: true
});

// 测试示例
const someDict = {"abc": 1, "efg": 2};
console.log(someDict.keys);   // 输出: ["abc", "efg"]
console.log(someDict.values); // 输出: [1, 2]

为什么用Object.defineProperty？ #

直接给Object.prototype.keys = ...赋值的话，这个属性会默认是可枚举的，当你用for...in遍历对象时，keys会被当成普通属性遍历出来，这显然不是我们想要的。通过enumerable: false可以避免这个问题，让这个扩展属性“隐形”在遍历操作中。

方案二：自定义构造函数（更安全可控） #

如果不想污染全局的Object原型（避免和其他代码冲突），可以创建一个自定义的字典构造函数，只给它的实例添加扩展属性：

// 自定义字典构造函数
function Dict(initialObj = {}) {
  // 把初始对象的属性复制到实例上
  Object.assign(this, initialObj);
}

// 添加keys getter
Object.defineProperty(Dict.prototype, 'keys', {
  get: function() {
    return Object.keys(this);
  },
  enumerable: false
});

// 添加values getter
Object.defineProperty(Dict.prototype, 'values', {
  get: function() {
    return Object.values(this);
  },
  enumerable: false
});

// 使用方式
const someDict = new Dict({"abc": 1, "efg": 2});
console.log(someDict.keys);   // 输出: ["abc", "efg"]
console.log(someDict.values); // 输出: [1, 2]

这种方式更适合大型项目或者需要和第三方库共存的场景，不会影响到原生对象的行为。

注意事项 #

• 修改Object.prototype虽然方便，但要警惕命名冲突：如果其他代码也定义了同名的keys或values属性，可能会导致意想不到的问题。
• 如果你用的是ES6+的类语法，也可以通过class Dict extends Object然后添加get keys()的方式实现，原理和上面一致。

内容的提问来源于stack exchange，提问作者Anters Bear