Javascript jquery（或普通js）将更改事件绑定到数组中对象的属性

我有一个对象数组，这些对象都有一个'isvalid'属性

JQuery或普通javascript有没有办法将代码绑定到属性值更改的事件

因此，当我有一个包含10个对象的数组时，我希望在其中一个对象的“isvalid”属性更改时执行一个函数

可能吗

---

Michel

您可以做的一件事是将对象的属性设置为private，然后仅使用setter更改它们。这样，您可以在每次使用setter设置变量时触发事件。这在任何环境下都适用

---

如果您仅限于浏览器，则可以使用watch（在此处查看浏览器之间的兼容性）

通过使用属性设置器函数，可以使用纯JavaScript。使用语法，看起来是这样的（--适用于符合ES5标准的Chrome和其他浏览器）：

当

t.foo=“bar”赋值，调用setter函数。如果愿意，您可以让setter函数调用回调，以通知
对象已更改

请注意，以上只是一个示例。它使用
fooStorage
属性来存储
foo
的值，例如，这个值不太理想，但非常简单

要以与非ES5 JavaScript引擎兼容的方式实现这一点，您必须使用Mozilla提供的某些专有语法（在其他引擎上不起作用），或者只使用显式setter函数（）：

（同样，这只是一个使用简化方法存储
foo
值的示例。）

这样做的好处是，它可以与几乎任何JavaScript引擎一起工作，而不仅仅是ES5兼容的引擎，而且设置
foo
是一个函数调用，而不仅仅是一个属性分配（使用ES5 setter/getter语法，设置
foo
属性的人不知道这是一个函数调用，它有好的方面和坏的方面）

因此，这就是您如何捕获属性更改的事实。然后，只需允许注册和删除回调以接收更改通知。这些都可以在一个简单的数组中轻松管理。下面是一个基于ES5的示例，它是基于每个对象的；显然，您可以通过某种分组方式来完成，而不是针对他是你想让人们观看的全部物品

旁注：这些示例中有许多匿名函数。我这样做是为了避免使事情看起来复杂，但是，我更喜欢函数有名称。有关详细信息，请参阅链接。
请查看以下内容：

这是当您的房产发生变化时通知您的信息
请看一看啊，没有找到。现在请看一看。@t.J.Crowder谢谢，我会在下次回答时记住这一点。
// Our constructor function
function Thing() {
}

// Define a "foo" property with a setter and getter
Object.defineProperty(Thing.prototype, "foo", {
  set: function(value) {
    this.fooStorage = value;
    display("Foo was set to '" + value + "'");
  },
  get: function() {
    return this.fooStorage;
  }
});

// Create a `Thing`  
var t = new Thing();

// Set its property
t.foo = "bar";

// Our constructor function
function Thing() {
}

// Define a "foo" property with a setter and getter
Thing.prototype.setFoo = function(value) {
  this.fooStorage = value;
  display("Foo was set to '" + value + "'");
};
Thing.prototype.getFoo = function() {
  return this.fooStorage;
};

// Create a `Thing`
var t = new Thing();

// Set the property
t.setFoo("bar");

window.onload = function() {

  // Our constructor function
  function Thing() {
    this.fooHandlers = [];
  }

  // Add a listener for "foo" changes
  Thing.prototype.addFooChangeHandler = function(callback) {
    this.fooHandlers.push(callback);
  };

  // Remove a listener for "foo" changes
  Thing.prototype.removeFooChangeHandler = function(callback) {
    var index;

    index = this.fooHandlers.indexOf(callback);
    if (index >= 0) {
      this.fooHandlers.splice(index, 1);
    }
  };

  // Define a "foo" property with a setter and getter
  Object.defineProperty(Thing.prototype, "foo", {
    set: function(value) {
      var index;

      for (index = 0; index < this.fooHandlers.length; ++index) {
        try {
          // Handler receives a reference to this Thing,
          // foo's old value, and foo's new value.
          this.fooHandlers[index](this, value, this.fooStorage);
        }
        catch (e) {
        }
      }

      this.fooStorage = value;
    },
    get: function() {
      return this.fooStorage;
    }
  });

  // Create a `Thing`
  var t = new Thing();

  // Add a foo change handler
  t.addFooChangeHandler(function(t, newValue, oldValue) {
    display("Handler 1: Foo changed from '" + oldValue + "' to '" + newValue + "'");
  });

  // Add another
  t.addFooChangeHandler(function(t, newValue, oldValue) {
    display("Handler 2: Foo changed from '" + oldValue + "' to '" + newValue + "'");
  });

  // Set the property
  t.foo = "bar";
  t.foo = "boo";

  // === Basic utility functions

  function display(msg) {
    var p = document.createElement('p');
    p.innerHTML = msg;
    document.body.appendChild(p);
  }
};

// Remove a listener for "foo" changes
Thing.prototype.removeFooChangeHandler = function(callback) {
  var index;

  for (index = 0; index < this.fooHandlers.length; ++index) {
    if (this.fooHandlers[index] === callback) {
      this.fooHandlers.splice(index, 1);
      break;
    }
  }
};