在项目中有些逻辑或者请求依赖另一个异步请求，大家常用的方法是回调函数。现在有个高大上的解决方案：await async 。
async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。并且await 只能出现在 async 函数中，否则会报错。
async作用：
当调用一个 async 函数时，会返回一个 promise 对象。当这个 async 函数返回一个值时，promise 的 resolve 方法会负责传递这个值；当 async 函数抛出异常时，promise 的 reject 方法也会传递这个异常值。
async 函数中可能会有 await 表达式，这会使 async 函数暂停执行，等待 promise 的结果出来，然后恢复async函数的执行并返回解析值（resolved）。
await作用：
await 表达式会暂停当前 async function 的执行，等待 promise 处理完成。若 promise 正常处理(fulfilled)，其回调的resolve函数参数作为 await 表达式的值，继续执行 async function。
若 promise 处理异常(rejected)，await 表达式会把 promise 的异常原因抛出。另外，如果 await 操作符后的表达式的值不是一个 promise，则返回该值本身。
来个栗子：
我要评论 function resolveafter2seconds() {
return new promise(resolve => {
settimeout(() => {
resolve('resolved');
}, 2000);
});
}
async function asynccall() {
console.log('calling1');
var result = await resolveafter2seconds();
console.log(result);
console.log('calling2');
// expected output: 'calling1','resolved','calling2'
}
asynccall();
结合实际：
function getdata() {
return axios.get('/url')
}
async function asynccall() {
var {data} = await getdata();
console.log(data)
}
asynccall();
需要注意的：
function getdata1() {
console.log(new date())
return new promise(resolve => {
settimeout(() => {
resolve('resolved');
}, 2000);
});
}
function getdata2() {
console.log(new date())
return new promise(resolve => {
settimeout(() => {
resolve('resolved2');
}, 2000);
});
}
async function asynccall() {
var data1 = await getdata1();
var data2 = await getdata2();
console.log(data1)
console.log(data2)
}
asynccall();
结果：
mon apr 29 2019 14:42:14 gmt+0800 (中国标准时间)
mon apr 29 2019 14:42:16 gmt+0800 (中国标准时间)
resolved
resolved2
可以看出 getdata2 在 getdata1执行完后才执行，如果getdata2不依赖getdata1的返回值，会造成时间的浪费。可以改成下面这样：
function getdata1() {
console.log(new date())
return new promise(resolve => {
settimeout(() => {
resolve('resolved');
}, 2000);
});
}
function getdata2() {
console.log(new date())
return new promise(resolve => {
settimeout(() => {
resolve('resolved2');
}, 2000);
});
}
async function asynccall() {
var data1 = getdata1();
var data2 = getdata2();
data1 = await data1
data2 = await data2
console.log(data1)
console.log(data2)
}
asynccall();
结果：
mon apr 29 2019 14:51:52 gmt+0800 (中国标准时间)
mon apr 29 2019 14:51:52 gmt+0800 (中国标准时间)
resolved
resolved2
如对本文有疑问， 点击进行留言回复！！
javascript从入门到跑路-----小文的js学习笔记（19）------- js的垃圾回收机制
Agora 开源 | 一个 Demo，帮你快速实现社交直播四大场景
网友评论