JavaScript 中的可选链操作符 '?.'：避免空指针异常

在 JavaScript 中，使用可选链操作符 '?.' 可以安全地访问对象属性或方法，避免出现空指针异常。如果该属性或方法不存在，会直接返回 null 而不会抛出异常。

例如，在表达式 'this?.resData?.data' 中，如果 resData 或 data 为 null，加上问号可以确保不会出现空指针异常。

可选链操作符的优势：

• 提高代码可读性： 使用 '?' 简化了代码，使其更易于理解。
• 避免空指针异常： 即使属性或方法不存在，也不会抛出异常。
• 简化代码逻辑： 减少了对 null 或 undefined 的显式检查。

示例代码：

const user = { name: 'John Doe' };

// 正常访问
console.log(user.name); // 输出: John Doe

// 使用可选链操作符
console.log(user?.address?.street); // 输出: null

在以上代码中，user 对象没有 address 属性，因此使用可选链操作符访问 user.address.street 会直接返回 null，而不会抛出异常。

总结：

可选链操作符 '?.' 是一个强大的工具，可以帮助你编写更安全、更简洁的 JavaScript 代码。它可以有效地避免空指针异常，提高代码可读性和可维护性。建议在访问对象属性或方法时，尽可能使用可选链操作符。