Optional Chaining 与 Nullish Coalescing

在现代JavaScript编程中，optional chaining 和 nullish coalescing 是两种非常有用的特性，它们帮助开发者更安全、更优雅地处理对象路径和变量赋值。这两种特性分别允许我们简化代码，避免在访问可能为空的对象属性时引发错误，以及在变量未定义或为空时提供默认值。

1. 什么是 Optional Chaining？

Optional Chaining 允许我们安全地访问嵌套对象的深层属性，而无需担心中间层属性可能为空的情况。这避免了使用 . 或 [] 运算符可能导致的 undefined 异常。语法上，它使用三个点符号（?.）来表示这种安全的访问方式。

示例代码：

const user = {
    name: "Alice",
    profile: {
        age: 30,
        address: null
    }
};

// 使用 optional chaining 安全地访问 address 属性
console.log(user?.profile?.address); // 输出：null

在这个例子中，如果 user.profile 或者 profile.address 中任何一个属性为空，都不会抛出异常，而是返回 null。

2. 什么是 Nullish Coalescing？

Nullish Coalescing 运算符 (??) 的作用是提供一个默认值，当它左侧的表达式结果为 null 或 undefined 时，就返回右侧的表达式结果。这对于处理空值或未初始化的变量时特别有用。

示例代码：

const age = null;

// 使用 nullish coalescing 提供默认值 20
const calculatedAge = age ?? 20;
console.log(calculatedAge); // 输出：20

// 当 age 被初始化后
age = 25;
const updatedAge = age ?? 20;
console.log(updatedAge); // 输出：25

在这个例子中，age 初始化为 null，因此 age ?? 20 返回了 20。之后，当 age 被赋值为 25 后，age ?? 20 返回了 25，因为 age 已经不是 null 或 undefined。

3. 结合使用 Optional Chaining 和 Nullish Coalescing

结合使用这两种特性，可以实现更加健壮和简洁的代码。例如，在访问可能为空的对象属性并需要一个默认值时，我们可以使用 nullish coalescing 来提供默认值，同时使用 optional chaining 来确保不会因访问不存在的属性而抛出异常。

示例代码：

const user = {
    name: "Alice",
    profile: {
        age: 30,
        address: null
    }
};

// 使用 optional chaining 和 nullish coalescing 提供默认值
const address = user?.profile?.address ?? "Unknown";
console.log(address); // 输出：null 或 "Unknown"

这段代码首先尝试安全地访问 user.profile.address，如果遇到 null 或 undefined，则返回 "Unknown"。

4. 总结

Optional Chaining 和 Nullish Coalescing 是 JavaScript 中非常实用的特性，它们不仅增强了代码的安全性，还提高了代码的可读性和简洁性。通过合理地利用这两个特性，开发者能够编写出更加健壮且易于维护的代码。在处理对象属性、变量赋值以及逻辑判断时，它们都是不可或缺的工具。