JS：如何在回调中使用生成器和产量

Question

我使用JS生成器在setTimeout的回调中产生一个值：

function* sleep() {
  // Using yield here is OK
  // yield 5; 
  setTimeout(function() {
    // Using yield here will throw error
    yield 5;
  }, 5000);
}

// sync
const sleepTime = sleep().next()

为什么我不能在生成器的回调中产生值？

Answer 1

function* 声明是同步的。您可以生成一个新的Promise 对象，将.then() 链接到.next().value 以检索解析的Promise 值

function* sleep() {
  yield new Promise(resolve => {
    setTimeout(() => {
      resolve(5);
    }, 5000);
  })
}

// sync
const sleepTime = sleep().next().value
  .then(n => console.log(n))
  .catch(e => console.error(e));