await async 如何实现 (阿里)

await async 如何实现 (阿里)

async 函数只是 promise 的语法糖,它的底层实际使用的是 generator,而 generator 又是基于 promise 的。实际上,在 babel 编译 async 函数的时候,也会转化成 generator 函数,并使用自动执行器来执行它。

实现代码示例:

js 复制代码
function asyncToGenerator(generatorFunc) {
  return function () {
    const gen = generatorFunc.apply(this, arguments);
    return new Promise((resolve, reject) => {
      function step(key, arg) {
        let generatorResult;
        try {
          generatorResult = gen[key](arg);
        } catch (error) {
          return reject(error);
        }
        const { value, done } = generatorResult;
        if (done) {
          return reject(error);
        } else {
          return Promise.resolve(value).then(
            (val) => step("next", val),
            (err) => step("throw", err)
          );
        }
      }
      step("next");
    });
  };
}
相关推荐
智商不够_熬夜来凑2 分钟前
【Picker】单选多选
前端·javascript·vue.js
彦为君32 分钟前
Java文件处理效率库Commons-IO(速览)
java·开发语言·mfc
米饭不加菜40 分钟前
Typora 原生流程图语法完全指南(Flowchart.js)
前端·javascript·流程图
Raink老师42 分钟前
【AI面试临阵磨枪-58】AI 生成内容合规、版权、审核机制设计
人工智能·面试·职场和发展
scan7241 小时前
langgraphy条件边
前端·javascript·html
sycmancia1 小时前
Qt——文本打印与光标定位
开发语言·qt
故事和你911 小时前
洛谷-【动态规划1】动态规划的引入2
开发语言·数据结构·c++·算法·动态规划·图论
冰小忆1 小时前
类变量在继承场景下的初始化规则是怎样的?
java·前端·数据库
用户938515635071 小时前
《JS 对象知识地图:10 个小节,从字面量到原型链全覆盖》
javascript
YAwu112 小时前
JavaScript this 底层机制剖析
前端·javascript