async/await 实现原理是什么？

客户问题：
async/await 实现原理是什么？

凯铧互联技术回复：

async/await 就是 Generator 的语法糖，使得异步操作变得更加方便。async 函数就是将 Generator 函数的星号（*）替换成 async，将 yield 替换成await。 不一样的是：

1.async函数内置执行器，函数调用之后，会自动执行，输出最后结果。而Generator需要调用next。
2.返回值是Promise，async函数的返回值是 Promise 对象，Generator的返回值是 Iterator(迭代器)，Promise 对象使用起来更加方便。
简单实习代码

function asyncToGenerator(generatorFunc) {
  return function() {
    // 先调用generator函数 生成迭代器
    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 resolve(value)
        } else {
          return Promise.resolve(
            value
          ).then(
            function onResolve(val) {
              step("next", val)
            },
            function onReject(err) {
              step("throw", err)
            },
          )
        }
      }
      step("next")
    })
  }
}

本文适用于
async/await 实现原理是什么？

阿里云代理商凯铧互联：享受购买价格更优惠!双11返场活动请戳 http://www.alibjyun.com/process.html?spm=5176.13512704.0.0.66bc65a4ndOkn8 云产品通用代金券，限量抢！！

享受更多阿里云代理折扣或 领取更多阿里云优惠券联系我司客服QQ：3287819116； 3398234753；2550856134

阿里云业务网站：www.alibjyun.com

联系电话：158-0160-3153（微信同号）