// 示例代码:使用可选链操作符 (?.)
// 定义一个对象,其中包含嵌套的对象结构
const user = {
name: "Alice",
address: {
city: "Wonderland"
}
};
// 使用可选链操作符访问嵌套属性
console.log(user.address?.city); // 输出: Wonderland
// 如果中间的属性不存在,则返回 undefined 而不会抛出错误
console.log(user.address?.state); // 输出: undefined
// 对比:如果不使用可选链操作符,访问不存在的属性会抛出错误
// console.log(user.address.state); // 抛出错误: Cannot read property 'state' of undefined
// 可选链操作符也可以用于函数调用
const obj = {
greet: function() {
return "Hello!";
}
};
console.log(obj?.greet?.()); // 输出: Hello!
// 如果方法不存在,则返回 undefined
console.log(obj?.nonexistentMethod?.()); // 输出: undefined
?.
是 JavaScript 中的可选链操作符(Optional Chaining Operator),用于安全地访问嵌套对象的属性或调用可能不存在的方法。undefined
,而不会抛出错误。上一篇:javascript 包含字符串
下一篇:javascript 截取字符串
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站