是否可以扩展 TypeScript 中的内置 Event 类？

Question

代码：

class MyEvent extends Event {
    constructor(name) {
        super(name);
    }
}

var event = new MyEvent("mousemove");

运行时错误：

Uncaught TypeError: Failed to constructor 'Event': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

有没有办法解决这个问题？

Answer 1

Uncaught TypeError: Failed to constructor 'Event': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

问题在于 v8 运行时中的 Event 定义。它不适用于基于class 的扩展。曾经存在相同的错误问题，即以下曾经失败：

class MyError extends Error {
    constructor(message) {
        super(message);
    }
}

const error = new MyError("some message");

所以现在。您不能在 TypeScript（或 ES6 类）中扩展 Event 类。

Answer 2

您可以创建一个静态类作为事件提供者：

static class EventProvider {

    static createEvent(name: string): Event {
        return new Event(name);
    }

    static createCustomEvent<T>(name: string, detail: T): CustomEvent<T> {
        return new CustomEvent<T>(name, { detail: detail });
    }
}

Answer 3

Event 在 Typescript 中没有定义为 Class，因为它是一个 JS 对象。在这种情况下，您想要的是一个包装类，它以您想要的方式调用Event 的方法。然后，您可以扩展该包装器。