JavaScript 調試中的隱藏寶石：error.cause

調試的挑戰

調試過程中最大的挑戰是什麼？其中之一無疑是追查錯誤的根源。

想像一下這個場景：

const func = () => {
  doSth('A');
  doSth('B');
};

當func拋出錯誤時，如何判斷錯誤發生在哪一步？是由 doSth('A')、doSth('B') 還是 func 本身引起的？顯然，該錯誤缺乏足夠的上下文。

常見解決方案

解決此問題的常見方法可能如下所示：

const func = () => {
  try {
    doSth('A');
  } catch (error) {
    throw new Error('An error from A', error);
  }
  try {
    doSth('B');
  } catch (error) {
    throw new Error('An error from B', error);
  }
};

透過這種方法，您可以更輕鬆地定位錯誤的根源。然而，這個解決方案有幾個限制：

1. 錯誤詳細資訊遺失:
   
   如果錯誤包含大量資訊（例如有效負載、HTTP 狀態代碼、錯誤代碼），則此方法僅將 doSth 的錯誤訊息新增至新建構的錯誤。其他重要細節（包括原始堆疊追蹤）都會遺失。

2. 日誌可讀性降低：
   
   如果潛在錯誤點超過兩個，日誌可能會變得混亂且難以解釋。

3. 表達意圖不明確:
   
   程式碼沒有明確表明新錯誤是由捕獲的特定 doSth 函數引起的，為提高程式碼可讀性留下了空間。

引入error.cause

為了解決這些問題，ECMAScript 2022 引入了 error.cause。

此功能可讓開發人員在建立新的錯誤物件時指定錯誤的根本原因。透過使用 error.cause，您可以建立錯誤鏈，從而更輕鬆地偵錯和追蹤問題的根本原因。

這是一個簡單的例子：

try {
  // Some operation that may throw an error
} catch (error) {
  throw new Error('Something went wrong', { cause: error });
}

透過這種方法，您可以在錯誤之間建立因果聯繫。例如：

const func = () => {
  try {
    doSth('A');
  } catch (error) {
    throw new Error('An error from A', { cause: error });
  }
  try {
    doSth('B');
  } catch (error) {
    throw new Error('An error from B', { cause: error });
  }
};

這使我們能夠捕獲較低級別函數拋出的錯誤（例如，doSth('A')），拋出一個添加相關上下文的新錯誤（例如，「執行doSth('A') 時發生錯誤” ），並保留原始錯誤詳細資訊（例如，“A 是非法參數。”）。

建立錯誤鏈

error.cause 的另一個優點是它能夠創建連結錯誤鏈，使開發人員能夠透過應用程式的多個層追溯問題：

const func = () => {
  try {
    try {
      try {
        doSth('A');
      } catch (error) {
        throw new Error('Error at depth 3', { cause: error });
      }
    } catch (error) {
      throw new Error('Error at depth 2', { cause: error });
    }
  } catch (error) {
    throw new Error('Error at depth 1', { cause: error });
  }
};

console.log(error.cause.cause); // Error at depth 3

在 Node.js 中，有原因的錯誤會在控制台中進行特殊處理。列印所有相關的錯誤堆疊：

const func = () => {
  doSth('A');
  doSth('B');
};

結論

• 當您可以立即存取錯誤上下文和詳細資訊時，偵錯變得更加容易。
• 實現這一目標的有效方法是使用 error.cause 功能採用「catch re throw with context」模式：

const func = () => {
  try {
    doSth('A');
  } catch (error) {
    throw new Error('An error from A', error);
  }
  try {
    doSth('B');
  } catch (error) {
    throw new Error('An error from B', error);
  }
};

這種方法不僅提高了錯誤可追溯性，還增強了程式碼的可讀性和可維護性。

---

我們是 Leapcell，是將 Node.js 專案部署到雲端的首選。

Leapcell 是用於 Web 託管、非同步任務和 Redis 的下一代無伺服器平台：

多語言支援

• 使用 Node.js、Python、Go 或 Rust 進行開發。

免費部署無限個專案

• 只需支付使用費用－無請求，不收費。

無與倫比的成本效率

• 即用即付，無閒置費用。
• 範例：25 美元支援 694 萬個請求，平均回應時間為 60 毫秒。

簡化的開發者體驗

• 直覺的使用者介面，輕鬆設定。
• 完全自動化的 CI/CD 管道和 GitOps 整合。
• 即時指標和日誌記錄以獲取可行的見解。

輕鬆的可擴充性和高效能

• 自動擴展，輕鬆處理高並發。
• 零營運開銷－只需專注於建置。

在文件中探索更多內容！

在 X 上追蹤我們：@LeapcellHQ

---

閱讀我們的部落格

以上是JavaScript 調試中的隱藏寶石：error.cause的詳細內容。更多資訊請關注PHP中文網其他相關文章！