（抱歉交叉发布，但我对类似问题的回答在这里很好用）

不久前，我为此创建了一个小的object.watch 垫片。它适用于 IE8、Safari、Chrome、Firefox、Opera 等。

该插件仅使用计时器/间隔来重复检查对象的更改。也许足够好，但我个人希望作为观察者更直接。

这是将watch/unwatch引入 IE的尝试：http : //webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html。

它确实改变了 Firefox 添加观察者方式的语法。代替 ：

var obj = {foo:'bar'};
obj.watch('foo', fooChanged);

你做：

var obj = {foo:'bar'};
var watcher = createWatcher(obj);
watcher.watch('foo', fooChanged);

不是那么甜蜜，但作为观察者，您会立即收到通知。

这个问题的答案有点过时了。Object.watch和Object.observe都已弃用，不应使用。

今天，您现在可以使用Proxy对象来监视（和拦截）对对象所做的更改。这是一个基本示例：

var targetObj = {};
var targetProxy = new Proxy(targetObj, {
  set: function (target, key, value) {
      console.log(`${key} set to ${value}`);
      target[key] = value;
  }
});

targetProxy.hello_world = "test"; // console: 'hello_world set to test'

如果您需要观察对嵌套对象所做的更改，则需要使用专门的库。我发布了Observable Slim，它的工作原理是这样的：

var test = {testing:{}};
var p = ObservableSlim.create(test, true, function(changes) {
    console.log(JSON.stringify(changes));
});

p.testing.blah = 42; // console:  [{"type":"add","target":{"blah":42},"property":"blah","newValue":42,"currentPath":"testing.blah",jsonPointer:"/testing/blah","proxy":{"blah":42}}]

当前答案

使用新的Proxy对象，它可以监视对其目标的更改。

let validator = {
    set: function(obj, prop, value) {
        if (prop === 'age') {
            if (!Number.isInteger(value)) {
                throw new TypeError('The age is not an integer');
            }
            if (value > 200) {
                throw new RangeError('The age seems invalid');
            }
        }

        // The default behavior to store the value
        obj[prop] = value;

        // Indicate success
        return true;
    }
};

let person = new Proxy({}, validator);

person.age = 100;
console.log(person.age); // 100
person.age = 'young'; // Throws an exception
person.age = 300; // Throws an exception

2015年的旧答案

您可以使用ES7 中的 Object.observe()。这是一个 polyfill。但是Object.observe() 现在被取消了。对不起人们！

请注意，在 Chrome 36 及更高版本中，您也可以使用Object.observe。这实际上是未来 ECMAScript 标准的一部分，而不是像 Mozilla 的Object.watch.

Object.observe仅适用于对象属性，但性能比Object.watch（用于调试目的，而不是生产用途）要高得多。

var options = {};

Object.observe(options, function(changes) {
    console.log(changes);
});

options.foo = 'bar';