带有 Promise 的函数生成器答案

【问题标题】：Function generator with Promise带有 Promise 的函数生成器
【发布时间】：2021-01-16 23:04:47
【问题描述】：

我必须编写 async 函数：

const myAsyncFunction = async(function* (promise) {
  const data = yield promise;
  console.log(data);
});

myAsyncFunction(Promise.resolve("Hello world")); // console: ‘Hello world!’`

结果应该是 - 控制台：'Hello world!'

我认为这将是一个正确的实现：

function async(cb) {
  return cb().next();
}

const myAsyncFunction = async(function* (promise) {
  const data = yield promise;
  console.log(data);
});

myAsyncFunction(Promise.resolve("Hello world")); // console: ‘Hello world!’`

但我有一个类型错误： TypeError: myAsyncFunction 不是函数

我找到了一些例子generator forwards with the results of any promises it has yielded

但我不明白它是如何工作的，我的错误在哪里：

function async(cb) {
 return function () {
  let generator = cb.apply(this, arguments);

  function handle(result) {
   if (result.done) return Promise.resolve(result.value);

   return Promise.resolve(result.value).then(
    function (res) {
      return handle(generator.next(res));
    },
    function (err) {
      return handle(generator.throw(err));
    }
   );
  }
 };
}

请解释一下我做错了什么？

【问题讨论】：

报错是好的，myAsyncFunction不是函数。请提供一个完整的 MWE，可以调用它来说明问题。记录当前输出和您的期望。请参阅此处的指南以获取有关提问的说明：stackoverflow.com/help/how-to-ask

标签： javascript generator es6-promise yield es6-generator

【解决方案1】：

解决办法

function async(cb) {
  return async function () {
    const generator = cb.apply(this, arguments);
    const nextResult = generator.next();
    const value = await nextResult.value;
    generator.next(value);
  };
}

const myAsyncFunction = async(function* (promise) {
  const data = yield promise;
  console.log(data);
});

myAsyncFunction(Promise.resolve("Hello World"));

【讨论】：

【解决方案2】：

我假设您的代码 (mwe) 如下所示：

const myAsyncFunction = async(function* (promise) {
  const data = yield promise;
  console.log(data);
});

myAsyncFunction(Promise.resolve("Hello world")); // console: ‘Hello world!’`

function async(cb) {
  return cb().next();
}

当你运行它时，你确实得到了错误TypeError: myAsyncFunction is not a function。但是，当您调整使用文章中的复制功能时：

const myAsyncFunction = async(function* (promise) {
  const data = yield promise;
  console.log(data);
});

myAsyncFunction(Promise.resolve("Hello world")); // console: ‘Hello world!’`

function async(cb) {
 return function () {
  let generator = cb.apply(this, arguments);

  function handle(result) {
   if (result.done) return Promise.resolve(result.value);

   return Promise.resolve(result.value).then(
    function (res) {
      return handle(generator.next(res));
    },
    function (err) {
      return handle(generator.throw(err));
    }
   );
  }
 };
}

你没有得到错误。这是因为文章中的代码在异步定义中返回了一个函数，因此您可以使用该行中给出的参数来应用它

myAsyncFunction(Promise.resolve("Hello world")); // console: ‘Hello world!’`

在您的原始定义中，async 定义不返回函数，因此上述调用失败。

从您的下一篇文章开始，并尝试了解您想要什么，以下将使用生成器函数中的控制台行打印字符串，但仍然不太确定您要实现的目标是什么：

function async(gen) {
    return function (cb) {
        g = gen.apply(this, [cb])
        g.next()
        cb.then(res => {
            g.next(res);
        });
    }
}

【讨论】：