简介
- 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);
});
}