javascript - 如果找不到元素，将变量设置为 getElementById 值或默认值的最简洁方法是什么？

Question

我试过了

var test = document.getElementById("some_element").value || "defaultvalue";

但由于它返回 null，所以这似乎行不通。

到目前为止我能想到的最短的是

var test = "defaultvalue";
if(document.getElementById("some_element") !== null) test = document.getElementById("some_element").value;

或

var test = (document.getElementById("some_element") !== null)?document.getElementById("some_element").value:"defaultvalue";

但是，是否有更简洁的方式来编写此回退？

Answer 1

您可以将新的可选链接运算符与 || 结合使用:

var test = document.getElementById("some_element")?.value || "defaultvalue";
console.log(test);

这是非常新的语法 - 像往常一样，在编写脚本时，为了支持旧浏览器，请使用 Babel用于生产。