async妙用

简介

• async函数是Generator 函数的语法糖，async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。
• async函数对Generator 函数的改进点有如下几点：
  • 内置执行器，不须要像Generator 函数要去调用next()才能让函数执行
  • 更好的语义化
  • 返回的是promise对象

返回promise对象

• async函数返回一个 Promise 对象。
• async函数内部return语句返回的值，会成为then方法回调函数的参数。
• async函数内部抛出错误，会致使返回的 Promise 对象变为reject状态。抛出的错误对象会被catch方法回调函数接收到
• 下面见例子：

let testAsync = async function () {
    // throw new Error('抛出一个错误~');
    reject()
};
testAsync().then(resolve => {
    console.log(`resolve: ${resolve}`);
}, reject => {
console.log(`reject: ${reject}`);  // 状态变化成reject的回调函数会执行，若是这里没有回调函数，则catch会捕获，这就是promise的东西了
}).catch(err => {
console.log(`err: ${err}`);
})

• 任何一个await语句后面的 Promise 对象变为reject状态，那么整个async函数都会中断执行。

async function f() {
  await Promise.reject('出错了');
  await Promise.resolve('hello world'); // 不会执行
}
// 第二行的promise语句不会执行

• 针对这种状况，有时候咱们但愿前面的异步函数执行失败后，也不要影响后面的代码执行，这时候就能够用try-catch和promise的catch处理异常，不至于让后面的程序不执行

await后面的异步操做出错，那么等同于async函数返回的 Promise 对象被reject,因此最好把await命令放在try...catch代码块中

// 第一种方式
async function f() {
    try {
        await Promise.reject('出错了');
    } catch (err) {
    }
    return await Promise.resolve('hello world'); 
}
// 第二种当时，用catch来处理前面异步的异常状况
 async function f() {
     await Promise.reject('出错了').catch(err => {
        console.log(err); 
     })
     return await Promise.resolve('hello world');
}

• 若是多个await命令后面的异步操做，若是不存在继发关系，最好让它们同时触发。

let foo = await getFoo();
let bar = await getBar();
// 写法一
let [foo, bar] = await Promise.all([getFoo(), getBar()]);

// 写法二
let fooPromise = getFoo();
let barPromise = getBar();
let foo = await fooPromise;
let bar = await barPromise;
// 同时触发，缩短程序运行时间

• await命令只能用在async函数之中，若是用在普通函数，就会报错。

async function dbFuc(db) {
  let docs = [{}, {}, {}];

  // 报错
  docs.forEach(function (doc) {
    await db.post(doc);
  });
}