async与await

async 和 await 两种语法结合可以让异步代码像同步代码一样

1.async

• async 函数的返回值为 promise 对象
• promise 对象的结果由 async 函数执行的返回值决定

async function fn() {}

1.返回一个非 promise 类型的对象时，返回的结果是一个成功的 promise 对象

async function fn() {
    return '用户数据';
}
const result = fn();
console.log(result);

2.抛出错误时，返回的结果是一个失败的 promise 对象

async function fn() {
    throw new Error('出错了');
}
const result = fn();
console.log(result);

3.直接返回一个 promise 对象

async function fn() {
    return new Promise((resolve, reject) => {
        resolve('成功');
    })
}
const result = fn();
console.log(result);

2.await

• await 必须写在 async 函数中
• await 右侧的表达式一般为 promise 对象
• await 返回的是 promise 成功的值
• await 的 promise 失败了，就会抛出异常，需要通过 try...catch 捕获处理

const p = new Promise((resolve, reject) => {
    resolve('成功');
});
async function fn() {
    let result = await p;
    console.log(result);
}
fn(); // 成功

const p = new Promise((resolve, reject) => {
    reject('失败');
});
async function fn() {
    try{
        let result = await p;
        console.log(result);
    }catch (e) {
        console.log(e);
    }
}
fn(); // 失败