JS ES6異步解決方案

更新時間：2021年04月29日 10:56:59 作者：淺笑·

這篇文章主要介紹了JS ES6異步解決方案，對異步感興趣的同學(xué)，可以參考下

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

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

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

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

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

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

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

es6 異步處理模型

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

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

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

針對resolved的后續(xù)處理我們稱之為thenable
針對rejected的后續(xù)處理我們稱之為catchable

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

如何使用promise

Copy

const task = new Promise((resolve, reject) => {     
    // 任務(wù)未決階段代碼  
    // 立即執(zhí)行  
    console.log("開始100米長跑");  
    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