イベントエミッターを各ES6クラスのインスタンスとノード内に接続します

Question

クラスの各インスタンスをイベントエミッターに関連付けることを試みています。私がしようとしている以下：

const events = require("events"); 
const eventEmitter = new events.EventEmitter(); 

class Camera { 
    constructor(ip) { 
     this.ip = ip; 

     eventEmitter.on("recordVideo", function() { 
      this.recordClip(); 
     }); 
    } 

    recordClip() { 
     console.log("record " + this.ip); 
    } 
} 

var cam = new Camera("0.0.0.0"); 
eventEmitter.emit("recordVideo"); 

しかし、私は戻って取得：

TypeError: this.recordClip is not a function 

がどのように私は私のクラスの各インスタンスがイベントをリッスン持つことができますか？

Answer 1

あなたの問題はthisは、イベント・エミッターではなく、クラスのコンテキストであるということです。したがって、は方法としてrecordClipを持っていません。

はあなたがバインドする必要があり、（個人的に、私はこれが最善であると思うし、これを行うための最も近代的な/読み込み可能な方法）

eventEmitter.on("recordVideo",() => { 
    this.recordClip(); 
}); 

をまたは：あなたは、どちらかの字句矢印機能を使用して、コールバックをバインドする必要があります適切な範囲：

eventEmitter.on("recordVideo", function() { 
    this.recordClip(); 
}).bind(this); 

それとも、self方法論を経てthisへの参照を行うことができます。

class Camera { 
    constructor(ip) { 
     this.ip = ip; 
     const self = this; //assign this to self 
     eventEmitter.on("recordVideo", function() { 
      self.recordClip(); //use self, not this here 
     }); 
    } 

    recordClip() { 
     console.log("record " + this.ip); 
    } 
} 

Answer 2

コールバック関数のコンテキストが期待するものを参照していないためです。矢印機能を追加します。ここで

const events = require("events"); 
const eventEmitter = new events.EventEmitter(); 

class Camera { 
    constructor(ip) { 
    this.ip = ip; 

     eventEmitter.on("recordVideo",() => { 
     this.recordClip(); 
     }); 
    } 

    recordClip() { 
     console.log("record " + this.ip); 
    } 
} 

    var cam = new Camera("0.0.0.0"); 
    eventEmitter.emit("recordVideo"); 

は、いくつかのドキュメントです：ここhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions