為了避免在訪問可能為 null 或未定義的對象的屬性時出現錯誤，您可以使用可選鏈接運算符 (?.)： ~~~ const result = object?.property; ~~~ 這段代碼使用了JavaScript的可選鏈操作符（Optional Chaining Operator）。它的含義是，如果`object`對象存在`property`屬性，則返回該屬性值；否則返回`undefined`。該表達式可以幫助你避免`TypeError`異常，當你嘗試訪問一個不存在的屬性時，它會返回`undefined`而不是拋出異常。 比如，考慮以下示例： ```javascript const user = { name: "John", address: { city: "New York", street: "123 Main St" } }; const city = user.address ? user.address.city : undefined; ``` 在上述代碼中，我們需要訪問`user`對象的`address`屬性，并獲取其內部的`city`屬性。為了避免`TypeError`異常，我們使用了三元條件運算符來檢查`user.address`是否存在。這種寫法可能會導致代碼變得冗長，特別是當對象嵌套層級很深時。 使用可選鏈操作符，你可以將上述代碼簡化成如下： ```javascript const city = user?.address?.city; ``` 這樣就不需要進行繁瑣的條件檢查，而是直接訪問`user`、`address`和`city`屬性，如果任意一項不存在，則返回`undefined`。 需要注意的是，可選鏈操作符是ES2020中新增的語法特性，在一些舊版本或不支持該特性的環境下，代碼可能會出現語法錯誤。因此，在實際開發中，你需要根據項目要求和目標環境來決定是否使用可選鏈操作符。