async 函数的实现原理

async 函数的实现原理,就是将 Generator 函数和自动执行器,包装在一个函数里。

  1. async function fn(args) {
  2. // ...
  3. }
  4. // 等同于
  5. function fn(args) {
  6. return spawn(function* () {
  7. // ...
  8. });
  9. }

所有的async函数都可以写成上面的第二种形式,其中的spawn函数就是自动执行器。

下面给出spawn函数的实现,基本就是前文自动执行器的翻版。

  1. function spawn(genF) {
  2. return new Promise(function(resolve, reject) {
  3. const gen = genF();
  4. function step(nextF) {
  5. let next;
  6. try {
  7. next = nextF();
  8. } catch(e) {
  9. return reject(e);
  10. }
  11. if(next.done) {
  12. return resolve(next.value);
  13. }
  14. Promise.resolve(next.value).then(function(v) {
  15. step(function() { return gen.next(v); });
  16. }, function(e) {
  17. step(function() { return gen.throw(e); });
  18. });
  19. }
  20. step(function() { return gen.next(undefined); });
  21. });
  22. }