有没有办法在尝试修改它时覆盖 Object 以实例化一个属性？

Question

我觉得在我使用过的大多数语言中，除了 PHP 之外，我觉得这个问题的答案很难否定，至少曾经有一些奇怪的极端情况，比如$someArray['nonexistentKey']++。

我基本上是想写一个稀疏对象，其中每个属性都是一个数字计数器。如果未定义，计数器应返回 0，如果您尝试递增它们，则应自动将其定义为 0。

换句话说，我想覆盖通用 Object getter 以在所有情况下返回 0，它会返回 undefined... 987654326@.

所以理论上，任何尚未定义的属性的重载都将get 将其初始化为零。比如这个：

myObj['hugePrimeNumberToBaseXToString']++;

然后会变成 1。

在过去，我觉得 Object.__proto__ 的某种方式可能适用于这种情况......

Answer 1

我想你想要的是Proxy。

您可以使用代理来拦截属性获取并返回您自己的逻辑。在这种情况下，如果是 undefined 属性，则返回零。

// Hold the data
const target: { [key in string]: number } = {}

// Access the data
const proxy = new Proxy(target, {
    get(target, prop, receiver) {
        if (typeof prop === 'string') {
            if (target[prop] === undefined) return 0
            return target[prop]
        }
        return undefined
    }
})

proxy['hugePrimeNumberToBaseXToString']++
console.log(proxy['hugePrimeNumberToBaseXToString']) //=> 1

Playground

Answer 2

Proxy 绝对是正确的答案，但我认为直接修改 Object 比你想的要深入得多。

相反，我会创建一个新的、简单的对象类型，如下所示：

const Dictionary = function() {}

Dictionary.prototype.add = function(key) {
  if (this.hasOwnProperty(key)) {
    this[key] += 1;
  } else {
    this[key] = 1;
  }
}

const dict = new Dictionary();

dict.add("apples");

console.log(dict.apples) // 1

dict.add("apples");
dict.add("bananas");

console.log(dict.apples, dict.bananas) // 2, 1

这不是您想要的，因为您每次都必须调用 add，但为了简单和可扩展性，我会采取三个字符的折衷方案。

Codepen