咱就是说面试官问你如何创建一个类型安全的EventEmitter？这可不是个简单的题目啊，你懂的？hen多人可Neng觉得，EventEmitter 挺简单的，直接用 JavaScript 的 `event` 对象就行了。但要保证类型安全，那可就有点意思了。

说到百度不收录，那可就扯远了。咱们今天主要讲的是 EventEmitter 的类型安全问题。不过啊，顺便说一句，有时候网站内容质量不高、或者关键词不匹配，确实容易被百度不收录。咱这技术界，谁没遇到过呢？

记住啊！TypeScript 的厉害之处就在于泛型。咱Ke以用泛型来定义一个事件类型表，然后将这个表传递给 EventEmitter 实例。这样一来每次触发事件的时候，TypeScript 就Neng根据事件类型来检查参数的类型。

type Events = {  click: { x: number; y: number };  change: string;  close: void;};

你kan，《Events》这个类型表定义了我们EventEmitter 支持的几个事件：`click`、`change` 和 `close`。每个事件dou有对应的参数类型。

创建一个新的 EventEmitter 实例。

使用 `on` 方法监听事件。

使用 `emit` 方法触发事件。

使用 `off` 方法移除监听。

咱们先来kan一下 `on` 方法的实现。

on<K extends keyof T> => void :  => void,  ) {

`K extends keyof T` 这部分非常关键！它确保了我们只Neng监听 `Events` 类型中定义的事件。

`listener: T extends void ? => void : => void` 这部分则根据事件的类型来确定监听函数的参数类型。 Ru果是 `void` 类型，那么监听函数需要返回 `void`。 Ru果不是 `void` 类型，那么监听函数需要接收一个参数数组，并且参数的类型是对应于事件类型的。

class EventEmitter<T extends Record<string, any> {  private events = new Map<keyof T, Array< => void>;  constructor {}  on<K extends keyof T> => void :  => void,  ) {    if ) {      this.events.set;    }    this.events.get!.push;  }  emit<K extends keyof T> {    const listeners = this.events.get;    if  {      listeners.forEach => listener);    }  }  off<K extends keyof T> => void :  => void,  ) {    if  {      this.events.delete;      return;    }    const listeners = this.events.get;    const filtered = listeners?.filter => item !== listener);    if  {      this.events.delete;    } else {      this.events.set;    }  }}type Events = {  click: { x: number; y: number };  change: string;  close: void;};const emitter = new EventEmitter<Events>;emitter.on => { // event 参数为{ x: number; y: number }});emitter.emit;emitter.emitter.on => {};