JavaScript 的 Promise

JavaScript 的 Promise

簡介

在現代 JavaScript 開發中，異步編程至關重要。無論是從伺服器獲取數據、處理用戶輸入，還是進行複雜的計算，許多操作都需要時間才能完成。傳統的異步編程方式，例如使用回調函數，容易導致代碼難以閱讀和維護，也就是所謂的「回調地獄」。Promise 的出現，極大地改善了異步編程的體驗，讓代碼更加清晰、易於理解和管理。本文將深入探討 JavaScript 的 Promise，從基礎概念到實際應用，幫助初學者全面掌握這一重要的技術。

Promise 是什麼？

Promise (承諾) 是一個代表異步操作最終完成（或失敗）的結果的對象。它提供了一種更優雅的方式來處理異步操作，避免了回調地獄的陷阱。你可以將 Promise 想像成一個包裹，這個包裹里包含著一個最終會得到的結果。這個結果可能是一個成功的值，也可能是一個錯誤的原因。

Promise 有三種狀態：

**Pending (進行中):** Promise 尚未完成，操作仍在進行中。
**Fulfilled (已完成):** Promise 操作成功完成，並具有一個結果值。
**Rejected (已拒絕):** Promise 操作失敗，並具有一個錯誤原因。

一旦 Promise 的狀態變為 Fulfilled 或 Rejected，就無法再改變。

創建 Promise

可以使用 `new Promise()` 構造函數來創建一個 Promise 對象。構造函數接受一個函數作為參數，該函數被稱為執行器 (executor)。執行器函數接收兩個參數：`resolve` 和 `reject`，它們都是函數。

`resolve(value)`: 將 Promise 的狀態設置為 Fulfilled，並將 `value` 作為結果值傳遞給所有已註冊的回調函數。
`reject(reason)`: 將 Promise 的狀態設置為 Rejected，並將 `reason` 作為錯誤原因傳遞給所有已註冊的回調函數。

以下是一個創建 Promise 的簡單示例：

```javascript const myPromise = new Promise((resolve, reject) => {

 // 模拟一个异步操作
 setTimeout(() => {
   const success = true;
   if (success) {
     resolve("操作成功！");
   } else {
     reject("操作失败！");
   }
 }, 1000); // 1 秒后执行

}); ```

在這個例子中，我們創建了一個 Promise，它模擬了一個異步操作（使用 `setTimeout`）。如果操作成功，則調用 `resolve` 函數，否則調用 `reject` 函數。

使用 Promise

創建 Promise 之後，可以使用 `.then()` 和 `.catch()` 方法來處理 Promise 的結果。

`.then(onFulfilled, onRejected)`: 註冊一個回調函數，在 Promise 狀態變為 Fulfilled 時執行 `onFulfilled` 函數，在 Promise 狀態變為 Rejected 時執行 `onRejected` 函數。`onFulfilled` 接收 Promise 的結果值作為參數，而 `onRejected` 接收 Promise 的錯誤原因作為參數。
`.catch(onRejected)`: 註冊一個回調函數，在 Promise 狀態變為 Rejected 時執行 `onRejected` 函數。這是一種更簡潔的方式來處理 Promise 的錯誤。

以下是使用 `.then()` 和 `.catch()` 的示例：

```javascript myPromise

 .then(result => {
   console.log("成功:", result); // 输出: 成功: 操作成功！
 })
 .catch(error => {
   console.error("失败:", error); // 输出: 失败: 操作失败！
 });

```

在這個例子中，我們使用 `.then()` 方法來處理 Promise 的成功結果，並使用 `.catch()` 方法來處理 Promise 的錯誤。

Promise 鏈

Promise 的一個重要特性是它可以鏈式調用 `.then()` 方法。這允許你按照一定的順序執行多個異步操作。每個 `.then()` 方法都會返回一個新的 Promise，該 Promise 的結果將傳遞給下一個 `.then()` 方法。

以下是一個 Promise 鏈的示例：

```javascript function fetchData(url) {

 return new Promise((resolve, reject) => {
   // 模擬從伺服器獲取數據
   setTimeout(() => {
     if (url === "https://example.com/data") {
       resolve({ data: "獲取到的數據" });
     } else {
       reject("無效的 URL");
     }
   }, 500);
 });

}

fetchData("https://example.com/data")

 .then(response => {
   console.log("第一步:", response.data); // 输出: 第一步: 获取到的数据
   return response.data.length; // 返回数据的长度
 })
 .then(length => {
   console.log("第二步:", length); // 输出: 第二步: 10
 })
 .catch(error => {
   console.error("错误:", error);
 });

```

在這個例子中，我們首先使用 `fetchData()` 函數獲取數據，然後使用 `.then()` 方法處理數據，並將其長度傳遞給下一個 `.then()` 方法。最後，我們使用 `.catch()` 方法處理任何錯誤。

Promise.all()

`Promise.all()` 方法接收一個 Promise 對象的數組作為參數，並返回一個新的 Promise。新的 Promise 只有在所有輸入的 Promise 都成功完成時才會完成，並且結果是一個包含所有 Promise 結果值的數組。如果任何一個 Promise 失敗，則新的 Promise 立即失敗，並以第一個失敗的 Promise 的錯誤原因作為錯誤原因。

以下是一個 `Promise.all()` 的示例：

```javascript const promise1 = new Promise(resolve => setTimeout(resolve("Promise 1 完成"), 500)); const promise2 = new Promise(resolve => setTimeout(resolve("Promise 2 完成"), 1000)); const promise3 = new Promise(resolve => setTimeout(resolve("Promise 3 完成"), 1500));

Promise.all([promise1, promise2, promise3])

 .then(results => {
   console.log("所有 Promise 都完成:", results); // 输出: 所有 Promise 都完成: ["Promise 1 完成", "Promise 2 完成", "Promise 3 完成"]
 })
 .catch(error => {
   console.error("发生错误:", error);
 });

```

Promise.race()

`Promise.race()` 方法接收一個 Promise 對象的數組作為參數，並返回一個新的 Promise。新的 Promise 的狀態將與第一個完成（或失敗）的 Promise 的狀態相同。

Async/Await

`async/await` 是基於 Promise 的語法糖，它使異步代碼更易於閱讀和編寫。`async` 關鍵字用於聲明一個異步函數，`await` 關鍵字用於等待 Promise 的結果。

以下是一個使用 `async/await` 的示例：

```javascript async function fetchData() {

 try {
   const response = await fetch("https://example.com/data");
   const data = await response.json();
   console.log("數據:", data);
 } catch (error) {
   console.error("錯誤:", error);
 }

}

fetchData(); ```

在這個例子中，我們使用 `async` 關鍵字聲明了一個異步函數 `fetchData()`。在函數內部，我們使用 `await` 關鍵字等待 `fetch()` 函數返回的 Promise 的結果。

Promise 在加密期貨交易中的應用

Promise 在加密期貨交易中有著廣泛的應用：

**獲取市場數據:** 通過 API 獲取實時市場數據，例如價格、成交量、深度圖等。
**下單操作:** 向交易所發送下單請求，並處理交易所的響應。
**監控交易狀態:** 監控交易的執行狀態，例如掛單、成交、撤單等。
**風控:** 監控帳戶餘額和持倉，並在風險達到預設閾值時採取相應的措施。
**策略回測:** 執行複雜的交易策略回測，並分析回測結果。

例如，一個簡單的獲取當前價格的函數：

```javascript async function getCurrentPrice(symbol) {

 try {
   const response = await fetch(`/api/price?symbol=${symbol}`);
   const data = await response.json();
   return data.price;
 } catch (error) {
   console.error("获取价格失败:", error);
   return null;
 }

}

// 使用示例 getCurrentPrice("BTCUSDT").then(price => {

 if (price) {
   console.log("BTCUSDT 当前价格:", price);
   // 可以基于价格进行 技术分析
   // 例如：计算移动平均线 移动平均线
   // 或者进行 交易量分析 成交量加权平均价
 }

}); ```

總結

Promise 是一種強大的異步編程工具，它可以使代碼更易於閱讀、編寫和維護。通過理解 Promise 的基本概念和使用方法，你可以更好地處理異步操作，並構建更健壯、可靠的應用程式。在加密期貨交易領域，Promise 的應用更是不可或缺，能夠幫助開發者構建高效、穩定的交易系統。掌握 Promise，是成為一名優秀的 JavaScript 開發者和加密期貨交易系統開發者的重要一步。結合止損策略和倉位管理，Promise 可以幫助構建更完善的交易機器人。

常見問題

**Promise 和回調函數有什麼區別？** Promise 提供了一種更結構化的方式來處理異步操作，避免了回調地獄的陷阱。
**async/await 是什麼？** async/await 是基於 Promise 的語法糖，它使異步代碼更易於閱讀和編寫。
**Promise 如何處理錯誤？** 可以使用 `.catch()` 方法來處理 Promise 的錯誤。

進一步學習

[MDN Promise 文檔](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise)
[Async/Await 文檔](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function)
事件循環 - 理解 Promise 的運行機制
錯誤處理 - 更深入地了解 JavaScript 中的錯誤處理機制
API 調用 - 使用 Promise 調用 API

平台	期貨特點	註冊
Binance Futures	槓桿高達125倍，USDⓈ-M 合約	立即註冊
Bybit Futures	永續反向合約	開始交易
BingX Futures	跟單交易	加入BingX
Bitget Futures	USDT 保證合約	開戶
BitMEX	加密貨幣交易平台，槓桿高達100倍	BitMEX