Javascript Setter 被绕过

Question

假设我有这个代码:

function test() {
    this._units = {};
}
test.prototype = {
    get units() { return this._units; },
    set units(val) {
        this._units = val;

        for (var unit in this._units) {
            if (this._units[unit] === 0)
                delete this._units[unit];
        }
    }
};

现在，我可以通过以下方式分配单位:

x = new test();
x.units['foo'] = 1;

这一切都有效。然而，当我这样做时，

x.units['foo'] = 0;
// x.units = { 'foo' : 0 }

它没有按照应有的方式从单元中删除 foo 。我该如何改变这个？

谢谢!

Answer 1

你cannot intercept when a property is created ，你需要一个 Proxy为了那个原因。不幸的是，这只是一个和谐草案，目前只有 supported in Firefox' Javascript 1.8.5 .

您的 setter 只检测对 x.units = {foo:1} 的赋值，但不检测对 x.units.foo 的赋值。您可以为您知道的 units 对象上的每个属性创 build 置器，但您需要一个额外的方法来首先让它们为人所知(假设您不仅将对象分配给 x.单位)。

但是，您最好根本不要这样做。当设置为 0 时会删除自身的属性是非常违反直觉的。想想

 x.units.foo = -1; x.units.foo += 2;

您希望这与此相同吗

 x.units.foo = -1; x.units.foo++; x.units.foo++;

？第二个将产生 NaN 而不是 1。