javascript - 参数后的问号，如 obj.val?.prop

Question

我在这样的代码条件行中遇到了someObject.arrParam?.length。那是什么语法？那个问号的东西怎么叫？我知道一个用于函数参数的可选运算符。这是它的用法变化吗？以前没见过。

Answer 1

这在 JavaScript中称为可选链。它允许在不引发空异常的情况下深入研究对象。

例如：尝试运行下面的代码片段，然后取消注释该行并运行它以了解一个工作示例。

let employeeA ={ name: "Dane", address : { city:"London"}}
let employeeB ={ name: "John"}

console.log(employeeA.address.city)
// console.log(employeeB.address.city) <----  this will raise an error
console.log(employeeB.address?.city) // <--- this wont

这是在最新的 ESNext 迭代中作为新功能引入的。

NodeJS 支持：https ://node.green/#ES2020-features-optional-chaining-operator-----

当前浏览器支持：https ://caniuse.com/#feat=mdn-javascript_operators_optional_chaining

更多详细信息： https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

Answer 2

这称为可选链接（或条件链接），它基本上将评估整个表达式，undefined就像arrParamis undefinedor一样null。

Answer 3

它被称为“条件（三元）运算符”。

result=condition?ifTrue:ifFalse

在x=(y>10)?100:1中，如果 y>10，则 x 设置为 100，否则，x 设置为 1。

相当于：

if(y>10) x=100;
else     x=  1;