javascript - 如何监控 Javascript 对象的新属性设置

Question

每当在 Javascript 对象上设置新 属性时，我如何获得回调...？
IE。我不知道将要设置哪些属性，但希望对所有已设置的属性 进行回调。

我想要的是

var obj = {};
obj.a = "something"; // triggers callback function

function callback(obj,key,val) {
    console.log(key + " was set to " + val + " on ", obj);
}

这可能吗？

Answer 1

您可以使用新的 defineProperty :

function onChange(propertyName, newValue){
...
}

var o = {};

Object.defineProperty(o, "propertyName", { 
 get: function() {return pValue; },
 set: function(newValue) { onChange("propertyName",newValue); pValue = newValue;}});

但是要看你需要支持的浏览器版本。

编辑:在 Jsfiddle 上添加了片段，适用于 IE10。 http://jsfiddle.net/r2wbR/