Js 位 - 空值合并（Nullish Coalescing）

在 JavaScript 的编程世界里，空值合并运算符（??）是一个强大且实用的工具，它为处理空值情况带来了极大的便利。理解并掌握这一特性，对于开发者优化代码、提升程序的稳定性和可读性至关重要。

空值合并运算符（??）的作用是当左侧操作数为 null 或 undefined 时，返回右侧操作数；否则返回左侧操作数。它的语法非常简洁：A?? B，这里 A 和 B 可以是任何表达式。

在实际开发中，我们经常会遇到需要处理可能为 null 或 undefined 的变量情况。例如，从 API 获取数据时，某些字段可能未被返回，或者在代码逻辑中变量在某些条件下被赋值为 null。传统的处理方式可能需要使用复杂的条件判断语句，而空值合并运算符则提供了一种更为简洁的解决方案。

let value1 = null;
let value2 = 42;
let result1 = value1?? value2; 
console.log(result1); 

在上述代码中，由于 value1 为 null，空值合并运算符返回了 value2 的值。

再看一个更实际的例子，在设置默认值时：

function getUserName(user) {
    return user.name?? "匿名用户";
}
let user = { age: 30 };
console.log(getUserName(user)); 

这里，即使 user 对象中没有 name 字段，函数依然能返回一个合理的默认值，避免了因访问不存在的属性而导致的错误。

需要注意的是，空值合并运算符与逻辑或运算符（||）有所不同。逻辑或运算符在左侧操作数为假值（false、0、空字符串、null、undefined、NaN）时就返回右侧操作数，而空值合并运算符仅在左侧操作数为 null 或 undefined 时才返回右侧操作数。

let value3 = 0;
let value4 = "默认值";
let result2 = value3 || value4; 
let result3 = value3?? value4; 
console.log(result2); 
console.log(result3); 

在这段代码中，逻辑或运算符返回了 value4，因为 0 是假值；而空值合并运算符返回了 value3，因为 0 既不是 null 也不是 undefined。

空值合并运算符为 JavaScript 开发者提供了一种清晰、简洁的方式来处理 null 和 undefined 值，使得代码在处理这类情况时更加健壮和易读。熟练运用这一特性，无疑能提升我们的编程效率和代码质量。