时间戳

首页 > 解决方案 > 带有 Promise 的函数生成器

javascript - 带有 Promise 的函数生成器

问题描述

标签： javascriptgeneratores6-promiseyieldes6-generator

解决方案

我假设您的代码（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));
    }
   );
  }
 };
}

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

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);
        });
    }
}

推荐阅读