从JavaScript自定义对象公开事件的正确方法

我在JavaScript中有一个自定义对象：

function Graph (dataType, provider){
   this.dataType = dataType;
   this.provider = provider;
}

我通过“new”实例化这个对象，然后将它传递给可能需要跟踪这个对象属性更改的代码的其他部分

在修改Graph对象的属性时，我希望通知该对象的所有其他使用者。在像C#这样的语言中，我会有一个setter，用它来引发一个事件。在自定义JavaScript对象中创建事件的正确方法是什么

---

谢谢。

使用JQuery，您可以随时创建任何类型的事件并将其附加到您想要的任何对象

function Graph (dataType, provider){
   this.dataType = dataType;
   this.provider = provider;
}

var g = new Graph;

g.dataType = "whatever1";
g.provider = "whatever2";
g.event = $.Event("mywhateverEvent");
g.myOwnProperty2 = $.Event("thisisAnEventToo");

现在，您可以进一步操纵事件，对该事件执行任何您想要的操作，例如：

g.event = <whateverCodeIWant>;
g.myOwnProperty2 = <whateverCodeIwant2>

g.event=；
g、 myOwnProperty2=

因为您似乎喜欢构造函数，所以也可以这样做：

function Graph (dataType, provider, evt){
   this.dataType = dataType;
   this.provider = provider;
   this.evt = evt
}

var myevt =  $.Event("whateverEvent");
myevt = <codeTomanipulatemyEventFurtherNowIfIWantTo>;
var g = new Graph("datawhatever", "providerwhatever", myevt);
$("whateverIWant").bind(myevt); 
//or whatever other binding - it will bind to that very event
$("whateverIWant").bind(g.evt);//equivalent to above line- binds to same event object

Graph.prototype = Object.clone(EventEmitter.prototype);

函数图（数据类型、提供程序、evt）{
this.dataType=数据类型；
this.provider=提供者；
this.evt=evt
}
var myevt=$.Event（“whateverEvent”）；
myevt=；
var g=新图形（“DataWhather”、“ProviderWhather”、myevt）；
$（“whateverIWant”）.bind（myevt）；
//或者任何其他绑定-它将绑定到该事件
$（“whateverIWant”）.bind（g.evt）//等同于上述行-绑定到同一事件对象

是您想要的（假设您对没有问题，请使用EventEmitter库，例如。完整指南是，但简而言之，您需要加载EventEmitter javascript文件，然后执行以下操作：

function Graph (dataType, provider, evt){
   this.dataType = dataType;
   this.provider = provider;
   this.evt = evt
}

var myevt =  $.Event("whateverEvent");
myevt = <codeTomanipulatemyEventFurtherNowIfIWantTo>;
var g = new Graph("datawhatever", "providerwhatever", myevt);
$("whateverIWant").bind(myevt); 
//or whatever other binding - it will bind to that very event
$("whateverIWant").bind(g.evt);//equivalent to above line- binds to same event object

Graph.prototype = Object.clone(EventEmitter.prototype);

然后你就可以做了

var g = new Graph("Blah", "Blah");
g.emitEvent('foo');

---

你使用的是

knockout

还是仅仅是一个错误的标记？如果多段代码想要订阅同一个对象上的同一事件怎么办？这将如何处理？谢谢。请参阅我修改的示例。事件对象可能随时被任何其他对象绑定、操纵等。我喜欢这个。非常好。只是好奇-如果我I’我想要50个属性-我可以用任何方式触发任何属性更改，或者我必须定义50个setter？@sajawikio-目前您需要定义50个setter-有一个提案正在进行中，但目前正在起草阶段。谢谢。但是IE<9在这种情况下是一个问题。请记住，

Object.clone

是这是一种新的方法，它不是特别跨浏览器的。你可以编写自己的克隆方法，也可以很容易地使用库。还有一些。