简介

  • 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处理异常,不至于让后面的程序不执行
// 第一种方式
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);
  });
}
05-01 04:13