最初使用回調(diào)函數(shù)

​ 由于最初j s官方?jīng)]有明確的規(guī)范，各種第三方庫(kù)中封裝的異步函數(shù)中傳的回調(diào)函數(shù)中的參數(shù)沒(méi)有明確的規(guī)范， 沒(méi)有明確各個(gè)參數(shù)的意義， 不便于使用。

​ 但是node中有明確的規(guī)范

​ node中的的回調(diào)模式：

1. 所有回調(diào)函數(shù)必須有兩個(gè)參數(shù)，第一個(gè)參數(shù)表示錯(cuò)誤，第二個(gè)參數(shù)表示結(jié)果

2. 所有回調(diào)函數(shù)必須作為函數(shù)最后的參數(shù)

3. 所有回調(diào)函數(shù)不能作為屬性出現(xiàn)

es6 異步處理模型

Es6 出現(xiàn)以后， 官方就提出了異步處理的規(guī)范， 提出了一種適用于所有異步場(chǎng)景的處理模型。該模型有：

• 兩個(gè)階段： 未決unsettled, 已決settled。
• 三個(gè)狀態(tài)： pending掛起狀態(tài) , resolved成功， rejected失敗
• 總是從未決階段推向已決階段，且已決階段的狀態(tài)不再改變

任務(wù)已決狀態(tài)后可能需要后續(xù)處理，

• 針對(duì)resolved的后續(xù)處理我們稱(chēng)之為thenable
• 針對(duì)rejected的后續(xù)處理我們稱(chēng)之為catchable

為該異步模型量身打造的API ： promise

如何使用promise

Copy

const task = new Promise((resolve, reject) => {     
    // 任務(wù)未決階段代碼  
    // 立即執(zhí)行  
    console.log("開(kāi)始100米長(zhǎng)跑");  
    setTimeout(() => {  
       if (Math.random() > 0.5) {  
           // 成功： 跑完了  
           // 推向成功  
           resolve("跑完了");  
       } else {  
           // 失?。?腿摔斷了  
           // 推向失敗  
           reject("腿摔斷了");  
       }  
    }, 1000)
});
task.then((result) => {
  console.log(result);
}).catch((error) => {
  console.log(error);
})

1s 后任務(wù)推向已決, 后續(xù)處理在then 或者 catch中 處理。

注意

pending狀態(tài) =》rejected狀態(tài) ：

Copy

1. 調(diào)用reject

2. 代碼執(zhí)行報(bào)錯(cuò)

3. 手動(dòng)拋出錯(cuò)誤

后續(xù)處理函數(shù)一定是異步的，且會(huì)放到微隊(duì)列中，

j s執(zhí)行棧清空后會(huì)先執(zhí)行微隊(duì)列中的任務(wù)，微隊(duì)列里任務(wù)清空后才會(huì)執(zhí)行宏隊(duì)列中的任務(wù)。

• 宏任務(wù)隊(duì)列有：setTimeout，setInterval，setImmediately，I/O,UI render
• 微任務(wù)隊(duì)列有：promise，process.nexttick,Object.observe(已經(jīng)不用了),Mutation.observe

Async await 是es7新增的promise的語(yǔ)法糖大家也可以了解下，本文只是對(duì)promise做了個(gè)概述，要掌握的其他細(xì)節(jié)還有很多

以上就是JS ES6異步解決方案的詳細(xì)內(nèi)容，更多關(guān)于ES6異步解決方案的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論