javascript - 如何检测对象的属性值 onchange 事件？

Question

我有这个对象:

var Settings = {  
    color: localStorage.color,  
    size : localStorage.size
};  

我想在更改后自动将新值保存到 localStorage，这意味着我想做这样的事情:

Settings.onchange = function(p){  
    localStorage[p] = this[p];
};  

这可能吗？

PS:只需要 Chrome 支持。

Answer 1

根据@RobG 的评论，我写了这个函数，可以用!

function onPropertyChange(o, callback){
    for(var p in o){
        if(o.hasOwnProperty(p)){
            var originalVal = o[p];
            Object.defineProperty(o, p, {
               get: function(){
                   return originalVal;
               },
               set: function(val){
                   callback.call(o, p, val);
                   return originalVal = val;
               }
            });
        }
    }
}  

// example:  

var Settings = {
    color: localStorage.color || "red",
    size : localStorage.size  || "12px"
};

onPropertyChange(Settings, function(p, val){
    localStorage[p] = val;
});  

此处要点:https://gist.github.com/1897209