js 中 ?.、??、??= 的用法及使用场景详解

相信大部分前端工程师都遇到过读取一个undefined或null值身上的属性导致报错的情况，下面来介绍ES6一些新的语法来方便我们开发。
?.、?? 和 ??= 是一些新的语法糖，它们为开发者提供了更便利和安全的方式来处理变量的赋值和检查，特别是在处理可能存在 null 或 undefined 的情况下。让我们逐个来看这些语法的用法和使用场景。

1、 ?.（可选链操作符）

可选链操作符 ?. 是 ECMAScript 2020 新增的语法，用于简化访问可能为 null 或 undefined 的对象属性的过程，避免了因为空值而导致的错误。

用法示例：

const user = {
   
  name: 'John',
  address: {
   
    city: 'New York'
  }
};

// 使用可选链操作符
const cityName = user.address?.city;
console