使用 ECMAScript 2020 中的 Nullish Coalescing Operator 保证代码执行期间安全

在 Web 应用程序的开发中，前端开发人员经常需要处理变量的默认值。JavaScript 中，当变量的值为 falsy 值（例如：null、undefined、0、'' 等）时，通常会为其提供一个默认值，以确保代码在执行期间避免出错。而在 ECMAScript 2020 中，新增了 Nullish Coalescing Operator，可以更方便的处理变量默认值。

什么是 Nullish Coalescing Operator

Nullish Coalescing Operator 是 ECMAScript 2020 中的一种新运算符，用于处理 nullish 值的情况。nullish 值是指 null 或 undefined 值，而不是 falsy 值。Nullish Coalescing Operator 的符号为 ??，它可以在变量的值为 null 或 undefined 时返回特定的默认值，否则返回变量的原始值。

如何使用 Nullish Coalescing Operator

在使用 Nullish Coalescing Operator 时，我们可以在变量的赋值语句中使用它。例如：

let someValue = null;
let defaultValue = 'Hello World';

// 当 someValue 变量的值为 null 或 undefined 时，返回 defaultValue 变量的值
let result = someValue ?? defaultValue;

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

在上面的例子中，当 someValue 变量的值为 null 或 undefined 时，返回 defaultValue 变量的值。由于 someValue 的值为 null，因此 result 变量的值为 'Hello World'。

当 someValue 的值为非 nullish 值时，Nullish Coalescing Operator 会返回该值本身。例如：

let someValue = 'Hello';
let defaultValue = 'Hello World';

// 当 someValue 变量的值为 null 或 undefined 时，返回 defaultValue 变量的值
let result = someValue ?? defaultValue;

console.log(result);  // 输出: "Hello"

在上面的例子中，someValue 的值为 'Hello'，因此 result 变量的值也为 'Hello'。

Nullish Coalescing Operator 与 || 运算符的区别

JavaScript 中， || 运算符也可以用于变量默认值的处理。但是，|| 运算符在处理 falsy 值时，也会将 false、0、'' 等值视为 falsy 值。因此，当变量的值为 0 或 '' 时，|| 运算符也会使用默认值，这可能会造成问题。

Nullish Coalescing Operator 只会在变量的值为 null 或 undefined 时使用默认值，而不会在变量的值为 0、'' 或 false 时使用默认值。因此，使用 Nullish Coalescing Operator 可以更加安全地处理变量默认值。

总结

Nullish Coalescing Operator 是 ECMAScript 2020 中的一种新运算符，用于处理 nullish 值的情况。它可以更方便的处理变量默认值，而不会像 || 运算符一样在处理 falsy 值时出现问题。

在实际开发中，我们可以在需要处理变量默认值的地方使用 Nullish Coalescing Operator，以保证代码执行期间的安全性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab761a48841e989474b3b0