[ES6] 细化ES6之 -- async函数

async函数是什么

用于简化Promise异步调用的操作

是 Generator 函数的语法糖

async/await类似于组合生成器和Promises

function resloveAfter2Seconds() {
    return new Promise(resolve => {
        setTimeout(()=>{
            resolve('resolved')
        },3000)
    })
}
async function asyncCall() {
    console.log('calling');
    var result = await resloveAfter2Seconds()
    console.log(result);
}
asyncCall()

 

语法结构

异步函数是指通过事件循环异步执行的函数，它会通过一个隐式的Pronise返回其结果。

异步函数声明式

用于定义一个返回Promise 对象的异步函数。

 

异步函数表达式

用于在表达式中定义异步函数。

 

区别:

在于异步函数表达式可以省略函数名称来创建一个匿名函数。

 

返回Promise对象

async 函数返回一个 Promise对象。async,函数内部return语句返回的值，会成为then方法回调函数的参数。

//async函数返回Promise对象
async function myAsync() {
    return "hello world";
}
let promise = myAsync();
// console.log(promise);//Promise { 'hello world' }
promise.then((value) => {
    console.log(value);//hello world
});

return语句中没有 await表达式，因为异步函数的返回值将被隐式地传递Promise.resolve

 

await表达式

await表达式是什么

用于等待一个Promnise 对象，它只能在异步函数异步函数中使用。

function createPromise() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve("执行成功");
        }, 200);
    });
}

async function myAsync() {
    console.log("当前异步函数被调用了");
    var result = await createPromise();
    console.log(result);
}

myAsync();

 

错误处理

如果 await后面的异步操作出错，那么等同于async函数返回的Prornise 对象被reject

function createPromise() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            reject("执行成功");
        }, 200);
    });
}

async function myAsync() {
    console.log("当前异步函数被调用");
    try {
        var result = await createPromise();
    } catch (e) {
        console.log("出错了", e);
    }
    console.log(result);
}

myAsync();

 

注意事项

使用try…catch语句

await命令后面的Promise对象，运行结果可能是rejected，所以最好把 await表达式放置在try…catch 代码块中。

 

多个await同时触发

多个await表达式后面的异步操作，如果不存在继发关系，最好让它们同时触发。

 

await表达式的限制

await表达式只能用在 async函数之中，如果用在普通函数，就会报错。