如何在TypeScript类中定义自定义事件回调参数结构以实现VSCode提示

你需要给自定义的EventEmitter子类添加事件类型约束，让TypeScript能识别每个事件对应的参数结构，这样VSCode就能在按下Ctrl+Space时给出参数键名提示了。具体做法如下：

1. 定义事件-参数类型映射接口
   先创建一个接口，把你需要的事件名和对应的参数类型一一对应起来，明确每个事件应该接收什么结构的参数。

2. 让子类继承带泛型的EventEmitter
   Node.js的EventEmitter支持泛型参数，把刚才定义的事件类型接口传进去，这样TypeScript就能自动约束所有事件相关方法（比如addListener、emit）的参数类型。

修改后的完整代码：

import EventEmitter from 'events';

type Bar = {
  just: string;
  test: number;
};

// 定义事件与参数的类型映射
interface FooEvents {
  'my_event': Bar;
}

// 继承带泛型的EventEmitter，传入事件类型接口
class Foo extends EventEmitter<FooEvents> {
  constructor() {
    super();
    // 这里的回调参数类型会自动推断为Bar，无需手动指定
    this.addListener('my_event', (bar) => {
      console.log(bar);
    });
  }
}

const foo = new Foo();

// 现在按下Ctrl+Space，就能看到just和test的键名提示了
foo.emit('my_event', {
  just: '',
  test: 0
});

这样处理后，不仅能获得参数提示，TypeScript还会自动校验你传入的参数是否符合类型定义——比如给test传字符串的话会直接报错，帮你提前规避错误。

内容的提问来源于stack exchange，提问作者vaseala