无法在 JavaScript 中调用父类方法

Question

我正在尝试实现一个 EventEmitter 类，该类将用于在 MVC 组件之间发出事件。我对 JavaScript 的 MVC 模式相当陌生。

EventEmitter.js

export default class EventEmitter {
    constructor() {
        this._events = {};
    }

    static on(event, listener) {
        (this._events[event] || (this._events[event] = [])).push(listener);
        return this;
    }

    static emit(event, args) {
        (this._events[event] || []).slice().forEach(listener => listener(args));
    }
}

但是，无论我在哪里尝试发出一些事件，它都不起作用，因为我收到一条错误消息：

TypeError: (中间值).emit 不是函数

这就是我想从 ModelClass.js 发出事件的方式：

import EventEmitter from "../EventEmitter.js";
export default class ModelClass extends EventEmitter {
    constructor(options) {
        super();
        super.emit('test', options);
    }

请注意，我不想像上述情况那样调用发出函数，我在类中有不同的方法，我想发出我的事件，但为了更容易理解，我把它放在这里，因为它甚至不起作用在构造函数中。

Answer 1

你的方法是static，所以它们在EventEmitter，而不是它的实例。从on 和emit 中删除static。

---

一些旁注，FWIW：

• 通常您只使用this.emit()，即使emit 是由父类定义的。不需要super.emit()，除非您特别想绕过在当前级别定义的emit（您没有定义一个，所以...）。

• 通常最好不要从构造函数调用方法（因为子类可以覆盖这些方法，但还没有机会完成它们的初始化），当然也不要让构造函数执行类似的操作发出事件。只是 FWIW。

• 您可能还想从EventEmitter 中删除emit（或保持静态），而是让ModelClass 调用某个内部发射器（或EventEmitter.emit）。否则，您将emit 设为ModelClass 的公共方法，这意味着它的任何consumer 都可以从中发出事件，这可能并不理想。

再次，只是 FWIW。