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

Question

这个问题在这里已经有了答案:





Optional Chaining in JavaScript [duplicate]

(8 个回答)


1年前关闭。




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

Answer 1

This is called Optional Chaining in JavaScript. It allows to drilldown on objects without raising null exception.

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

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