ES2018 Async Generator 的简明部分应用？

Question

我定义了一个异步生成器函数，并想创建第二个异步生成器函数，它是第一个函数的部分应用。例如，这有效：

async function* fn1(a, b) {/* do something */}

async function* fn2() {
  const a1 = fn1(0, 0);
  for await (const value of a1) {
    yield value;
  }
}

我的问题是：有没有更简洁的方式来定义fn2？

Answer 1

最简洁的定义可以通过简单地不使fn2 成为生成器函数来实现。使用返回生成器的普通函数——调用fn1创建的生成器：

function fn2() {
  return fn1(0, 0);
}

Answer 2

fn1 返回 fn2 正在迭代的异步迭代器，因此无需在 fn2 中手动迭代，您只需生成从 fn1 创建的迭代器，然后让 fn2 的消费者处理它：

async function* fn2() {
  yield* fn1(0, 0);
}

const delay = ms => new Promise(res => setTimeout(res, ms));
async function* fn1(a, b) {
  for (let i = 0; i < 3; i++) {
    await delay(1000);
    yield i;
  }
}

async function* fn2() {
  yield* fn1(0, 0);
}

(async () => {
  for await (const val of fn2()) {
    console.log('Consumer got', val);
  }
  console.log('Done');
})();

// Original version, without yield* (just to illustrate equivalence):

const delay = ms => new Promise(res => setTimeout(res, ms));
async function* fn1(a, b) {
  for (let i = 0; i < 3; i++) {
    await delay(1000);
    yield i;
  }
}

async function* fn2() {
  const a1 = fn1(0, 0);
  for await (const value of a1) {
    yield value;
  }
}

(async () => {
  for await (const val of fn2()) {
    console.log('Consumer got', val);
  }
  console.log('Done');
})();