想象一下，你是一位頂級歌手，粉絲們日夜詢問你即將到來的歌曲。

您承諾在它出版時將其傳送給這些粉絲。歌手給粉絲提供一份名單。他們可以填寫他們的電子郵件地址，這樣當歌曲可用時，所有訂閱方都會立即收到它。即使出現了非常大的問題，比如工作室發生火災，導致歌曲無法釋出，他們仍然會收到通知。

這就是我們在程式設計中經常遇到的事情的現實類比。

做某事並需要時間的“生產程式碼”。例如，一些透過網路載入資料的程式碼。這就是“歌手”。

一個“消費程式碼”，期望消費“生產程式碼”產生的結果。許多函式可能需要該結果。這些是“粉絲”。

Promise 是一個特殊的 JavaScript 物件，`它將生產程式碼和消費程式碼連結在一起`。根據我們的類比：這是“訂閱列表”。 “生產程式碼”花費它需要的任何時間來產生承諾的結果，並且“承諾”使該結果在準備好時可供所有訂閱的程式碼使用。

```javascript
let promise = new Promise(function(resolve, reject) {
  // executor (the producing code, "singer")
});
```

傳遞給 new Promise 的函式稱為`執行器`。 當新的 Promise 被建立時，`executor 會自動執行`。 它包含最終應該產生結果的生產程式碼。 按照上面的類比：執行者是“歌手”。

它的引數 resolve 和 reject 是 JavaScript 本身提供的回撥。 這是兩個原生物件。

我們的程式碼只在執行器內部。

當 executor 獲得結果時，無論是早是晚，都沒有關係，它應該呼叫以下回撥之一：

- resolve(value) — 如果作業成功完成，帶有結果值。
- reject(error) — 如果發生錯誤，error 是錯誤物件。

總結一下：執行器自動執行並嘗試執行一項工作。 嘗試完成後，如果成功則呼叫 resolve，如果出現錯誤則呼叫 reject。

![](https://img-blog.csdnimg.cn/img_convert/bc8b8bffac3bd2f43aca927b214dcc05.png)

新的 Promise 建構函式返回的 Promise 物件具有以下內部屬性：

- state — 最初是“pending”，然後在呼叫 resolve 時更改為“fulfilled”，或者在呼叫 reject 時更改為“rejected”。
- 結果 - 最初未定義，然後在呼叫 resolve(value) 時更改為 value，或者在呼叫 reject(error) 時更改為錯誤。

透過現實生活中一個例子來理解 JavaScript Promise

相關文章