javascript ES6类/方法范围[重复]

Question

我不知道如何更正我的方法的上下文。

我有这门课：

export default class Handler {

    constructor() {
        // init
    }

    handleMessage(channel, user, message) {
        this.handleDefault(channel, user, message);
    }

    handleDefault(chanenl, user, message) {
        // do stuff
    }
}

被这个方法和类调用

export default class Bot {

    constructor() {
        this.irc     = irc // has an event emitter irc.event
        this.handler = new Handler();
        this.readIRC();
    }

    readIRC() {
        this.irc.event.on('message', this.handler.handleMessage);
    }
}

问题在于 handleMessage 中的第一个类，这不再是类而是 eventEmitter，所以我不能调用我的 handleDefault 方法。

如何在 ES6 中正确处理上下文？

Answer 1

您只需将handleMessage 绑定到this.handler，或者使用

• Function.prototype.bind

  this.irc.event.on('message', this.handler.handleMessage.bind(this.handler));
  

• 或使用箭头函数，

  this.irc.event.on('message', () => this.handler.handleMessage());
  

在这两种情况下，当在message 事件上调用handleMessage 函数时，handleMessage 中的this 将引用this.handle 对象。

---

如果你喜欢将参数传递给事件处理程序，你可以像这样定义箭头函数

this.irc.event.on('message', (err, msg) => this.handler.handleMessage(err, msg));