如何在 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中文网其他相关文章！