如何在 JavaScript 中安全地處理空值和存取物件屬性？

JavaScript 中的Elvis 和安全導航運算子

在Java 中，Elvis (?:) 和安全導航(?.) 運算符提供了便捷的方法安全地處理空值和存取物件屬性。雖然 JavaScript 沒有提供這些確切的運算符，但有替代方法。

Elvis 運算子(?:)

要實現Elvis 運算子的功能，您可以使用邏輯「OR」運算子(||)：

<code class="js">const displayName = user.name || "Anonymous";</code>

安全導航運算子(?.)

JavaScript 目前沒有與Safe 等效的運算子導航操作員。但是，您可以改用以下模式：

<code class="js">const streetName = user?.address?.street;</code>

如果鏈的任何部分（例如使用者、地址、街道）為 null，則 streetName 將設定為 null。此方法避免了潛在的 NullPointerExceptions。

替代解決方案

如果您需要 Elvis 和安全導航運算子的語法，請考慮使用 CoffeeScript。它提供了類似的簡寫：

存在運算符

<code class="coffee">zip = lottery.drawWinner?().address?.zipcode</code>

函數快捷方式

<code class="coffee">() -> // equivalent to function(){}</code>

性感函數呼叫

<code class="coffee">func 'arg1', 'arg2' // equivalent to func('arg1', 'arg2')</code>

雖然CoffeeScript 語法可能更具表現力，但它需要編譯或插入為'

以上是如何在 JavaScript 中安全地處理空值和存取物件屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！