js異步編程-async，await以及不可以取代的Promise

JinB 發(fā)布于2019-08-26 12:14 / 2056人閱讀

摘要：帶來(lái)了和，讓的異步編程更加方便。但是他們是取代不了的。其中狀態(tài)是這種情況下，看出狀態(tài)是。并報(bào)錯(cuò)，不想報(bào)錯(cuò)紅錯(cuò)，可以使用將報(bào)錯(cuò)信息到。，簡(jiǎn)介是用來(lái)表示函數(shù)是異步的，出現(xiàn)，會(huì)返回一個(gè)對(duì)象，就可以使用方法，方便的添加回調(diào)函數(shù)了。

ES7帶來(lái)了async和await，讓js的異步編程更加方便。

async和await的簡(jiǎn)單語(yǔ)法實(shí)驗(yàn)

async和await是Promise的語(yǔ)法糖，讓書寫更加方便。但是他們是取代不了Promise的。他們是建立在promise機(jī)制上的。
簡(jiǎn)單語(yǔ)法試驗(yàn)：
（1）
正常情況下，可以看出也打印出來(lái)一個(gè)Promise。其中Promise狀態(tài)是‘resolved’;

（2）
這種情況下，看出Promise狀態(tài)是"rejected"。并報(bào)錯(cuò)，不想報(bào)錯(cuò)“紅錯(cuò)”，可以使用try...catch

（3）
將報(bào)錯(cuò)信息catch到。

async，await簡(jiǎn)介

async
async是用來(lái)表示函數(shù)是異步的，出現(xiàn)async，會(huì)返回一個(gè)Promise對(duì)象，就可以使用then方法，方便的添加回調(diào)函數(shù)了。是語(yǔ)法更加簡(jiǎn)潔。

await
必須出現(xiàn)在async中，不可多帶帶使用；
await后面可以跟任何js表達(dá)式，也就是awati可以等很多類型的東西，但主要是等Promise對(duì)象被狀態(tài)被resolved。

小示例

注意：reject("123")，需要try，catch才能將信息拿出來(lái)。
例子：
（1）resolve正常情況下可以拿出。

（2）reject拿不出

（3）reject需要用try，catch獲取信息

不要將并發(fā)請(qǐng)求發(fā)成了阻塞式同步

如：

function aa(second){

return new Promise((resolve,reject) => {
    setTimeout(() => {
        resolve("request done"+Math.random());
    },second);
})

}

async function bugDemo(){

await aa(1000);
await aa(1000);
await aa(1000);
console.log("clear the loading~");

}

bugDemo();

不阻塞的寫法
function aa(second){

return new Promise((resolve,reject) => {
    setTimeout(() => {
       console.log("request done"+Math.random());
    },second);
})

}
async function bugDemo(){

let a =aa(1000);
let b =aa(1000);
let c =aa(1000);
await Promise.all([a,b,c])
console.log("clear the loading~");

}
bugDemo();

注意：await只能在async函數(shù)的上下文中。
async function forDemo(){

   let arr = [1,2,3,4,5];
   for(let i=0;i
await arr[i];
}
}
這個(gè)是正常的，不會(huì)報(bào)錯(cuò)。
async function forBugDemo(){
let arr = [1,2,3,4,5];
arr.forEach(item => {
await item;
});
}
這個(gè)會(huì)報(bào)錯(cuò)