时间戳

首页 > 解决方案 > 参数后的问号，如 obj.val?.prop

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

问题描述

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

标签： javascript

解决方案

这在 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

推荐阅读