Javascript 使用 async 声明符和 await 操做符进行异步操做

• async function 声明用于定义一个返回 AsyncFunction 对象的异步函数
• await  操做符用于等待一个Promise 对象。它只能在异步函数 async function 中使用

语法：

[return_value] = await expression;

* 属于ES7语法，目前不被浏览器支持

使用注意：

1. await 必须在 async 声明的函数体中才能使用

2. await 后面只能是Promise对象，若是等待的不是 Promise 对象，则返回该值自己

3. await 等待Promise对象必须 resolve，不然函数体将不会继续执行

4. async 仅仅影响当前函数体

 

示例：

异步获取用户信息

function getUserInfo(){ return new Promise((resolve, reject) => { setTimeout(() => { resolve('user information ...') },3000); }) } async function init(){ console.log('start of init') var info = await getUserInfo() console.log(info) console.log('end of init') } init() console.log('end of script')

执行结果：

执行async声明函数时，若是函数体内有await操做符的异步函数时：

1. 整个脚本会跳过异步操做继续执行后面的代码

2. async函数体内 await操做符后续的代码会等待 await标记的异步操做完成再执行