操作符之可选链和空值合并

可选链操作符 ?. 是 JavaScript 的 ECMAScript 2020 (ES11) 中引入的一项新特性。它的作用是在处理可能为 null 或 undefined 的对象属性或方法时，防止因为访问链中的某个属性或方法为 null 或 undefined 而导致的错误。可选链操作符的语法是 ?.。

让我们来看一个简单的例子：

const person = {
  name: "John",
  address: {
    city: "New York",
    zipCode: 10001
  }
};

// 使用可选链操作符
const zipCode = person.address?.zipCode;
console.log(zipCode); // 如果 address 为 null 或 undefined，zipCode 为 undefined

在这个例子中，person.address?.zipCode 表示如果 person.address 不为 null 或 undefined，则取 zipCode 属性的值；否则，整个表达式的值为 undefined。这样就避免了访问 null 或 undefined 对象的属性时出现的错误。

可选链操作符不仅适用于对象的属性，还适用于数组的索引、函数的调用等情况。下面是一些例子：

// 可选链操作符在数组索引中的应用
const arr = [1, 2, 3];
const value = arr?.[2]; // 如果 arr 为 null 或 undefined，则 value 为 undefined

// 可选链操作符在函数调用中的应用
const func = obj?.method?.(); // 如果 obj 或 obj.method 为 null 或 undefined，则 func 为 undefined

这使得代码更加简洁和健壮，减少了在处理可能存在 null 或 undefined 的对象时引发的错误。请注意，可选链操作符在一些较老的 JavaScript 环境中可能不受支持，因此在使用时需要确保运行环境的兼容性。

空值合并操作符（nullish coalescing operator）是一种在处理可能为null或undefined的值时的方便的 JavaScript 语法。这个操作符用于简化处理变量可能为null或undefined的情况，提供一种更加简洁的语法形式。

在 JavaScript 中，常常使用逻辑或操作符（||）来进行空值的处理。然而，逻辑或操作符有一个缺点，即它会将任何“假值”（falsy values）都视为“空值”，这可能导致意外的行为。空值合并操作符解决了这个问题。

空值合并操作符的语法是双问号（??）。它的作用是在一系列可能为null或undefined的值中选择第一个非空值。如果左侧的操作数为null或undefined，则返回右侧的操作数，否则返回左侧的操作数。

下面是一个简单的例子：

let value1 = null;
let value2 = "Hello, World!";

let result = value1 ?? value2;

console.log(result);  // 输出: Hello, World!

在这个例子中，value1 是null，但是因为空值合并操作符的存在，最终result 的值为value2，因为它是第一个非空值的操作数。

与逻辑或操作符相比，空值合并操作符更加精确，只在左侧的操作数为null或undefined时才选择右侧的操作数。这使得代码更加可读和可靠，避免了一些潜在的问题。