窺視新方法的諾言

JavaScript 的Promise 是其最受讚譽的功能之一。在語言中直接內置原生異步構件，開啟了一個新時代，不僅改變了我們的編碼方式，也為其他強大的API（如fetch！）奠定了基礎。

讓我們回顧一下Promise 初次發佈時獲得的功能，以及接下來將獲得哪些新功能。

不了解Promise 的概念？我強烈推薦Jake Archibald 的文章作為入門介紹。

現有功能

讓我們快速瀏覽一下目前可以使用Promise 執行的操作。 JavaScript 引入Promise 後，提供了一個API 來執行異步操作並對它們的成功返回或失敗做出反應，一種圍繞某些數據或結果創建關聯的方法，而這些數據的或結果的值我們仍然不知道。

以下是我們目前擁有的Promise 功能。

處理Promise

每當異步方法返回一個Promise（例如使用fetch 時），我們都可以使用then()在Promise fulfilled （已完成）時執行操作，並使用catch()來響應Promise rejected （已拒絕）。

 fetch('//resource.to/some/data')
  .then(result => console.log('我們得到了它', result.json()))
  .catch(error => console.error('出現錯誤', error))

經典用例是從API 調用數據，並在數據返回時加載數據，或者如果找不到數據則顯示錯誤消息。

此外，在其初始版本中，我們獲得了兩種處理Promise 組的方法。

解析和拒絕Promise 集合

當Promise 成功解析時，它可以被fulfilled ；當它以錯誤解析時，它可以被rejected ；當沒有解析時，它處於pending狀態。當Promise 已解析時，無論結果如何，它都被認為是已完成的。

因此，我們有兩種方法可以幫助處理Promise 組的行為，具體取決於我們獲得的狀態組合。

Promise.all就是其中一種方法。只有當所有Promise 都成功解析時，它才會fulfilled，並返回一個包含每個Promise 結果的數組。如果其中一個Promise 失敗， Promise.all將進入catch並返回錯誤原因。

 Promise.all([
    fetch('//resource.to/some/data'),
    fetch('//resource.to/more/data')
  ])
  .then(results => console.log('我們得到一個結果數組', results))
  .catch(error => console.error('其中一個Promise 失敗了', error))

在這種情況下，一旦集合的成員之一拋出錯誤， Promise.all將短路並進入catch ，或者當所有Promise 都fulfilled時完成。

查看Domenic Denicola 關於Promise 狀態的簡短文章，以更詳細地了解其措辭和概念。

我們還有Promise.race ，它會立即解析為它獲得的第一個Promise，無論它是fulfilled 還是rejected。第一個Promise 解析後，其餘Promise 將被忽略。

 Promise.race([
    fetch('//resource.to/some/data'),
    fetch('//resource.to/other/data')
  ])
  .then(result => console.log('第一個Promise 已解析', result))
  .catch(reason => console.error('其中一個Promise 失敗了，因為', reason))

新功能

好的，我們將把注意力轉向我們可以期待的新Promise 功能。

Promise.allSettled

下一個提議添加到Promise 家族的是Promise.allSettled ，顧名思義，它只有在數組中的所有集合成員不再處於pending 狀態時才會繼續執行，無論它們是rejected還是fulfilled 。

 Promise.allSettled([
    fetch('//resource.to/some/data'),
    fetch('//resource.to/more/data'),
    fetch('//resource.to/even/more/data')
  ])
  .then(results => {
    const fulfilled = results.filter(r => r.status === 'fulfilled')
    const rejected = results.filter(r => r.status === 'rejected')
  })

請注意，這與Promise.all不同，因為我們永遠不會進入catch語句。如果我們正在等待將進入Web 應用程序不同部分的數據集，但希望為每個結果提供更具體的郵件或執行不同的操作，這非常好。

Promise.any

下一個新方法是Promise.any ，它允許我們對集合中的任何fulfilled Promise 做出反應，但只有在所有Promise 都失敗時才會短路。

 Promise.any([
    fetch('//resource.to/some/data'),
    fetch('//resource.to/more/data'),
    fetch('//resource.to/even/more/data')
  ])
  .then(result => console.log('一批數據已到達', result))
  .catch(() => console.error('所有Promise 都失敗了'))

這有點像Promise.race ，除了Promise.race在第一次解析時短路。因此，如果集合中的第一個Promise 以錯誤解析， Promise.race將繼續執行。 Promise.any將繼續等待數組中其餘項目解析，然後再繼續執行。

演示

其中一些使用可視化更容易理解，因此我創建了一個小型遊樂場，展示了新方法和現有方法之間的區別。 （此處省略演示部分，因為原文未提供具體代碼或鏈接）

總結

雖然它們仍處於提案階段，但社區腳本可以模擬本文中介紹的新方法。例如Bluebird 的any和reflect是我們在等待瀏覽器支持改進時的良好polyfill。

它們還展示了社區如何已經使用這種異步模式，但是將它們內置到語言中將為Web 應用程序中的數據獲取和異步解析打開新的可能性。

除了then和catch之外，您還可以將finally傳遞給Promise，Sarah Drasner 撰寫了一篇關於它的詳細文章，您可以查看。 （此處省略鏈接）

如果您想了解即將推出的Promise 組合器，V8 博客剛剛發布了一個簡短的解釋，其中包含指向官方規範和提案的鏈接。 （此處省略鏈接）

以上是窺視新方法的諾言的詳細內容。更多資訊請關注PHP中文網其他相關文章！