js .?

// 示例代码：使用可选链操作符 (?.)

// 假设我们有一个嵌套的对象结构
const user = {
    name: "Alice",
    address: {
        city: "Wonderland"
    }
};

// 使用可选链操作符访问嵌套属性
console.log(user.address?.city); // 输出: Wonderland

// 如果中间的属性不存在，不会抛出错误，而是返回 undefined
console.log(user.address?.state); // 输出: undefined

// 对于函数调用也可以使用可选链操作符
const obj = {
    func: () => "Hello"
};

console.log(obj.func?.()); // 输出: Hello

// 如果方法不存在，不会抛出错误，而是返回 undefined
console.log(obj.nonExistentFunc?.()); // 输出: undefined

解释说明：

• ?. 是 JavaScript 中的可选链操作符（Optional Chaining），它允许你在访问对象的嵌套属性时，如果某个中间属性不存在，则不会抛出错误，而是返回 undefined。
• 这个操作符可以简化代码，避免在访问嵌套属性时频繁检查每个层级是否存在。
• 可选链操作符也可以用于函数调用，如果方法不存在则返回 undefined 而不是抛出错误。