如何防止 JavaScript 嵌套物件中出現「無法讀取未定義的屬性」錯誤？

防止巢狀物件出現「無法讀取未定義的屬性」錯誤

在JavaScript 中，處理巢狀物件時，經常會遇到“無法讀取未定義的屬性”錯誤。當嘗試存取不存在的物件的屬性時會發生這種情況。為了避免這些錯誤，可以考慮多種方法。

一種選擇是使用可選連結運算子（在 ECMAScript 2020 中引入）。該運算符允許您存取嵌套屬性而不會引發錯誤。例如：

obj?.a?.lot?.of?.properties;

或者，對於早期版本的JavaScript 或TypeScript，您可以使用帶有ES6 箭頭函數的try/catch 輔助函數：

function getSafe(fn, defaultVal) {
  try {
    return fn();
  } catch (e) {
    return defaultVal;
  }
}

console.log(getSafe(() => obj.a.lot.of.properties));

此函數檢查是否請求的屬性在嘗試存取之前就已存在，從而防止錯誤。此外，您還可以提供預設值以在屬性未定義時傳回。

透過使用這些方法，您可以無縫處理巢狀對象，而不會遇到「無法讀取未定義的屬性」錯誤，從而確保您的程式碼保持不變可靠且無錯誤。

以上是如何防止 JavaScript 嵌套物件中出現「無法讀取未定義的屬性」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！