对具有可选链接的元素进行空检查

Question

像下面的示例那样使用可选链接进行 null 检查是好习惯吗？

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

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

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

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

我认为链接更简洁，两种情况下都会发生静默故障。我知道浏览器支持。

Answer 1

是的，Optional Chaining 是一种非常简洁的方法，不仅适用于 Null 验证，也适用于 JS 的 undefined。

它可以让您的代码更易读并且更简洁。

我会建议更深入地研究可选链接以使用它的奇妙功能。

Null checks for elements with optional chaining