// A simple Javascript Object / String
var object = "hello";
// Imagine a button in the DOM,and if it's clicked the object value will change
document.getElementById("button").onclick = function(){
window.object = "hello world";
}
// Now I would like to track and do something when the object is changed,ex:
object.onreadystatechange = function(){
alert(object);
}
注意：这听起来很愚蠢,因为我可以对按钮上的onclick事件进行更改,但这不是我想要的,我想严格跟踪对象本身的变化以供任何使用,上面的代码是只是一个例子.
解决方法
那么你可以使用get和set方法使它成为一个实际的对象：
// A simple Javascript Object
var object = new (function(){
this.text = 'hello';
this.setText = function(msg){
this.text = msg
//on change event
}
})();
// Imagine a button in the DOM,and if it's clicked the object value will change
document.getElementById("button").onclick = function(){
object.setText('New Text');
}
这是一个演示小提琴：http://jsfiddle.net/maniator/BSYpz/
