Question

我正在尝试将通用对象推入通用类内的通用对象列表中。

这可能只是语义上的问题，但是我不确定在这里我在做什么错。

type EventCallback<I, O> = (event: I) => O;

type ListenerList<K extends string | symbol | number, I, O, V extends EventCallback<I, O>> = {
    [T in K]?: V[];
};

const test: ListenerList<string, string, string, (event: any) => any> = {
   test : [],
};

const key = 'test';
test[key]!.push((event: string) => 'Hello ' + event); // Works fine

export default class EventProcesser<
  K extends string | symbol | number,
  I,
  O,
  V extends EventCallback<I, O>
> {
  private listeners: ListenerList<K, I, O, V> = {};

  public on(target: K, callback: V): void {
    this.listeners[target].push(callback); // Error
  }
}

如果我定义类型，它可以工作，但是感觉上不是解决问题的好方法：

...
   (this.listeners[target] as V[]).push(callback) // Works
...

我得到的错误如下：Property 'push' does not exist on type 'ListenerList<K, I, O, V>[K]'。

Answer 1

我意识到我需要将!添加到listeners变量中，因为不确定listeners根本没有任何键。因此，解决方案是改为执行以下操作：

   this.listeners[target]!.push(callback) // Works

Answer 2

只需从

中删除可选键

type ListenerList<K extends string | symbol | number, I, O, V extends EventCallback<I, O>> = { [T in K]?: V[] };

=>

type ListenerList<K extends string | symbol | number, I, O, V extends EventCallback<I, O>> = { [T in K]: V[] };

将通用值推入Typescript中通用类中的通用列表

2 个答案: