如何在我的JavaScript类（ES6）中实现事件处理程序

Question

如何在课堂上创建自己的“ on”事件处理程序？例如，WebSocket具有多个“打开”事件处理程序，如下所示。

var ws = new WebSocket("wss://localhost:1000/hoge");
ws.connect();
ws.onopen = function(e){
    //TO DO once connection get established
}
ws.onmessage = function(e){
    // TO DO once message comes from server sie
}

这可能是一个愚蠢的问题，但是我想为上面提供简单的示例代码。

Answer 1

进行那些属性的获取和设置：：>

class Foo {
  get onsomeevent() {
    return this._someeventHandler;
  }
  set onsomeevent(newVal) {
    this._someeventHandler = newVal;
  }
  trigger() {
    if (this._someeventHandler) {
      this._someeventHandler();
    }
  }
}
const f = new Foo();
f.onsomeevent = () => console.log('handler running');
console.log('about to trigger');
f.trigger();
console.log(f.onsomeevent);

Answer 2

假设您想拥有ws.ongameover，并且您想在游戏结束时调用它。