如何初始化TypeScript泛型类中的Record类型属性？

首先明确核心问题：你的eventMap类型定义和实际逻辑不匹配，导致了ts(2322)类型错误，同时泛型场景下的初始化方式也需要调整。

问题拆解 #

你当前定义的eventMap类型是Record<T, (args?: any) => void>，要求每个事件类型T对应单个函数，但你在addEvent里给[key]赋值了数组，类型完全不兼容；另外因为T是泛型（扩展string），无法提前预知所有事件键，直接初始化具体键值对也不可行。

正确实现方案 #

方案1：支持多回调的事件系统（常用场景） #

事件订阅通常需要一个事件绑定多个处理函数，先修正类型定义，再调整初始化和绑定逻辑：

type EventHandler = (args?: any) => void;

class Eventful<T extends string> {
  // 修正类型为「事件键对应函数数组」
  private eventMap: Record<T, EventHandler[]> = {} as Record<T, EventHandler[]>;

  // 也可以用非空断言+构造函数初始化：
  // private eventMap!: Record<T, EventHandler[]>;
  // constructor() {
  //   this.eventMap = {} as Record<T, EventHandler[]>;
  // }

  addEvent(key: T, handler: EventHandler) {
    // 若事件未初始化，先创建空数组
    if (!this.eventMap[key]) {
      this.eventMap[key] = [];
    }
    // 追加回调函数，而非覆盖整个eventMap
    this.eventMap[key].push(handler);
  }

  // 可选：添加事件触发方法
  triggerEvent(key: T, args?: any) {
    this.eventMap[key]?.forEach(handler => handler(args));
  }
}

方案2：单回调的事件系统（特殊场景） #

如果你的业务确实需要一个事件仅绑定单个处理函数（覆盖式绑定），则保持原类型定义，调整初始化和绑定逻辑：

class Eventful<T extends string> {
  private eventMap: Record<T, (args?: any) => void> = {} as Record<T, (args?: any) => void>;

  addEvent(key: T, handler: (args?: any) => void) {
    // 直接覆盖该事件的处理函数
    this.eventMap[key] = handler;
  }
}

关键说明 #

• 类型断言{} as Record<T, ...>：因为初始状态下没有任何事件键，空对象可以安全断言为目标类型，只要后续操作符合类型约定即可。
• 避免直接覆盖eventMap：你之前的addEvent写法会把整个eventMap替换成仅含当前key的对象，这不符合事件订阅的基本逻辑。

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