如何在 Typescript 中生成 * 数组

Question

我有一个生成器方法，它可以将一些东西异步添加到数组中，最后生成带有yield* array 的每个成员，如下所示：

while (!done) {
      await promise;
      yield* results; //<-- the array
      results = [];  //its emptied so as to not to yield dupes
      done = !this.#eventsListened.has(eventName);
    }

但是我们友好的邻居 tsc 报告了一个错误，我什至无法理解它或如何修复它。谁能解释这个错误是什么意思，我应该如何产生一个数组的内容？

TS2766：无法将迭代委托给 value，因为“next”方法 其迭代器的期望类型为“未定义”，但包含的生成器 将始终发送“未知”。

编辑：整个生成器函数如下

  /**
   * Returns an iterator that loops over caught events
   * @yields Promise<Event|CustomEvent>
   */
  async *on(eventName: string, options?: AddEventListenerOptions): AsyncGenerator<Event> {
    if (this.#eventsListened.has(eventName)) {
      return;
    }
    let results: Event[] = [];

    let resolve: (value?: PromiseLike<Event> | Event) => void;

    let promise = new Promise<Event>(r => (resolve = r));
    let done = false;
    this.#eventsListened.add(eventName);

    if (typeof options === 'object' && typeof options.once !== 'undefined') {
      throw new Error('options.once is not supported. Use EventTarget2.once instead');
    }
    const callback = (evt: Event) => {
      results.push(evt);
      resolve();
      promise = new Promise<Event>(r => (resolve = r));
    };

    this.addEventListener('eventName', callback, options);
    while (!done) {
      await promise;
      yield* results;
      results = [];
      done = !this.#eventsListened.has(eventName);
    }
    this.removeEventListener(eventName, callback);
  }

Answer 1

您的主要问题是AsyncGenerator<Event> ...由于您没有指定第三个通用参数，因此使用它的默认值（unknown），并且unknown 不匹配undefined。

发生不匹配是因为内部迭代器不期望通过next(value) 传递给迭代器的任何值，因此它的TNext 泛型参数是undefined。当你 yield* 那个迭代器时，在你的生成器迭代器上调用 next(...) 将调用具有相同参数的内部迭代器，因此参数必须匹配。

Typescript 正是出于这个原因将生成器函数的类型推断为 AsyncGenerator<..., ..., undefined>，您也应该这样做（只要您不想使用 .next 将值传递给迭代器）：AsyncGenerator<Event, void, undefined>。