Promise 通常被定義為最終將可用的值的代理(proxy)。

# 問題背景

回撥：我們有一系列非同步任務要一個接一個地執行——例如，載入指令碼。 我們怎樣才能很好地編碼呢？

Promise 提供了一些方法來做到這一點：Promise 鏈。

它看起來像這樣：

```javascript
new Promise(function(resolve, reject) {

setTimeout(() => resolve(1), 1000); // (*)

}).then(function(result) { // (**)

alert(result); // 1
  return result * 2;

}).then(function(result) { // (***)

alert(result); // 2
  return result * 2;

}).then(function(result) {

alert(result); // 4
  return result * 2;

});
```

這個思路是結果透過 .then 處理程式鏈傳遞。

其流程是：

- 初始 promise 在 1 秒內 resolve (*)
- 然後呼叫 .then 處理程式，then 方法返回一個新建立的 Promise（以 2 值解析）。
- 下一個 then  獲取前一個的結果，對其進行處理（加倍）並將其傳遞給下一個處理程式。
以此類推。

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

切記，每次呼叫 `.then` 都會返回一個新的 Promise，這樣我們就可以呼叫下一個 `.then` 了。

當處理程式返回一個值時，它成為該 Promise 的結果，因此下一個 .then 被呼叫。

初學者經常犯的錯誤，對`同一個` promise 物件反覆呼叫 then 方法。這並不是 Promise 的鏈式呼叫。

```javascript
let promise = new Promise(function(resolve, reject) {
  setTimeout(() => resolve(1), 1000);
});

promise.then(function(result) {
  alert(result); // 1
  return result * 2;
});

promise.then(function(result) {
  alert(result); // 1
  return result * 2;
});
```

我們在這裡所做的只是對一個 Promise 的幾個處理程式。 他們不會將結果傳遞給對方； 相反，他們獨立處理它。

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

所有 .then 在同一個 Promise 上得到相同的結果——那個 Promise 的結果。 所以在上面的程式碼中所有 alert 顯示相同值：1。

在實踐中，我們很少需要多個處理程式來處理一個 Promise。 chaining 呼叫的使用頻率更高。

JavaScript 裡的 Promise Chaining

相關文章