javascript - 对带有可选链接的元素进行空检查

Question

使用可选链接进行空检查是否是一种好习惯，如下例所示？

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

在许多代码库中，我看到了这一点：

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

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

我认为链接更清晰，并且在这两种情况下都会发生无声的失败。我知道浏览器支持。

score 2 · Accepted Answer

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

它允许您使您的代码可读并且不那么混乱。

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

1 回答 1