在 Javascript 中定义变量并立即检查它是否为 null

Question

是否可以简化这个

var element = document.getElementById('myElement');
if(element)
  element.addEventListener('click', (e) => { ... });

变成这样的事情？

if(var element = document.getElementById('myElement'))
  element.addEventListener('click', (e) => { ... });

谢谢。

Answer 1

您可以使用可选链接。

该?.运算符类似于.链接运算符，不同之处在于，如果引用为空（null或undefined），则表达式会短路并返回值为 ，而不是导致错误undefined。

document.getElementById('myElement')?.addEventListener('click', (e) => { ... });