JavaScript async 函数

async 函数是什么？

• async函数是什么？一句话，它就是 Generator 函数的语法糖。
• 当async函数执行时，遇到await就会停止等待，直到异步操作完整之后，再继续往下执行。

• 下面是一个例子，指定多少毫秒后函数返回一个值

  async function asyncReturn(value, ms) {
      await new Promise(function(resolve, reject) {
          setTimeout(resolve, ms);
      });
      return value;
  }

• async函数返回一个 Promise 对象，可以使用then方法添加回调函数。并且，async函数内部return语句返回的值，会成为then方法回调函数的参数。

  asyncReturn('Hello World', 3000).then(value => {
      console.log(value);
  });

async 函数的错误处理机制

• async函数内部抛出错误，会导致返回的 Promise 对象变为reject状态。抛出的错误对象会被catch方法回调函数接收到。

  async function fn1() {
      throw new Error('async 函数内部抛出错误了！');
  }
  fn1().catch(err => {
      console.log(err);
  });

• await命令后面的 Promise 对象如果变为reject状态，则reject的参数会被catch方法的回调函数接收到。

  async function fn2() {
      await Promise.reject('await命令后面的 Promise 对象变为reject状态');
  }
  fn2().catch(err => {
      console.log(err);
  });

• 只要一个await语句后面的 Promise 变为reject，那么整个async函数都会中断执行。

  async function fn3() {
      await Promise.reject('出错了');
      await Promise.resolve('hello world'); // 不会执行
  }
  fn3().catch(err => {
      console.log(err);
  });