# Async函数实现

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

// 实现
function spawn(genF) {
  return new Promise(function(resolve, reject) {
    const gen = genF();
    function step(nextF) {
      let next;
      try {
        next = nextF();
      } catch (e) {
        return reject(e);
      }
      if (next.done) {
        return resolve(next.value);
      }
      Promise.resolve(next.value).then(function(v) {
        step(function() { return gen.next(v) });
      }, function(e) {
        step(function() { return gen.throw(e) });
      })
    }
    step(function() { return gen.next(undefined) });
  })
}

// demo
function example() {
  return spawn(function *() {
    const r1 = yield new Promise(resolve => {
      setTimeout(resolve, 500, 'slowest');
    })
    const r2 = yield new Promise(resolve => {
      setTimeout(resolve, 200, 'slow');
    })
    return [r1, r2]
  })
}
example().then(console.log); // ['slowest', 'slowest']

// async
async function example() {
  const r1 = await new Promise(resolve => {
    setTimeout(resolve, 500, 'slowest');
  })
  const r2 = await new Promise(resolve => {
    setTimeout(resolve, 200, 'slow');
  })
  return [r1, r2]
}
example().then(console.log); // ['slowest', 'slowest']
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49