对带有可选链接的元素进行空检查答案

【问题标题】：Null checks for elements with optional chaining对带有可选链接的元素进行空检查
【发布时间】：2021-11-28 04:08:36
【问题描述】：

像下面的例子那样使用可选链进行空检查是个好习惯吗？

document.querySelector('.foo')?.classList.add('bar');

在许多代码库中我看到了这个：

let el = document.querySelector('.foo');

if(el){
 el.classList.add('bar');
}

我认为链接更加简洁，并且在这两种情况下都会发生无声故障。我知道浏览器支持。

【问题讨论】：

这能回答你的问题吗？ Is there a null-coalescing (Elvis) operator or safe navigation operator in javascript?
谢谢，但不是真的。我在询问好的和坏的做法，关于使用带有 html 元素的可选链接的利弊。
这个链接可以使用。 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
@xdeepakv 不，仍在寻找有关使用的专业知识和优缺点。我知道它是如何工作的；）
这是一个绝对好的做法。代码干净整洁。有人可能会说第二个例子可读性更好，但是现在经常使用带有可选链接的空检查。优点是代码较短，缺点是代码可读性较差。

【解决方案1】：

是的，Optional Chaining 是一种非常整洁的方式，不仅适用于 Null 验证，而且适用于 JS 的 undefined。

它使您的代码既可读又不杂乱。

我建议更深入地了解可选链以使用它的奇妙功能。

【讨论】：