认识 ECMAScript 2020 新特性 — 空格试算符 (??=)

近年来，前端技术发展飞速，ECMAScript 作为 ECMAScript 2020 的最新版本，带来了许多新特性，其中包括一种新的运算符 — 空格试算符 (??=)。

空格试算符 (??=) 是什么？

空格试算符 (??=) 是 ECMAScript 2020 中引入的一个新运算符，用于在赋值时检查左侧值是否为 null 或 undefined，如果是，则使用右侧的值进行赋值。

该运算符类似于定义默认值的方式，但与其不同的是，它只在左侧值为 null 或 undefined 时生效。

下面是空格试算符的语法：

leftExpr ??= rightExpr

其中，leftExpr 是需要检查是否为 null 或 undefined 的表达式，rightExpr 是在 leftExpr 为 null 或 undefined 时用来进行赋值的表达式。

空格试算符的用法示例

接下来我们来看一些空格试算符的使用示例。

示例 1：基本用法

下面是一个基本的示例，当变量 myVar 为 null 或 undefined 时，将其赋值为 'default value'。

let myVar;
myVar ??= 'default value';
console.log(myVar); // 'default value'

示例 2：联合使用

空格试算符可以和其他运算符一起使用，实现更加复杂的逻辑。

下面是一个使用空格试算符和逻辑运算符一起使用的示例，当 leftVar 为 null 或 undefined 时，将其赋值为 'fallback value'，并将结果赋值给 rightVar。

let leftVar;
let rightVar = leftVar ?? (leftVar = 'fallback value') && doSomething();
console.log(rightVar);

在这个示例中，我们使用了逻辑与（&&）运算符来在赋值时执行 doSomething() 函数。

示例 3：与短路运算符一起使用

空格试算符还可以和短路运算符一起使用，实现更加复杂的逻辑。

下面是一个使用空格试算符和短路运算符一起使用的示例，当 leftVar1 为 null 或 undefined 时，将其赋值为 'fallback value'，当 leftVar2 为 null 或 undefined 时，将其赋值为 'fallback value 2'。

let leftVar1;
let leftVar2;
let rightVar = leftVar1 ??= leftVar2 || (leftVar2 = 'fallback value 2') || 'fallback value';
console.log(rightVar, leftVar1, leftVar2);

在这个示例中，我们使用了短路或（||）运算符来在赋值时执行 leftVar2 的赋值。

空格试算符的学习和指导意义

空格试算符是 ECMAScript 2020 中引入的一项新特性，它可以方便地判断变量是否为 null 或 undefined，并定义默认值。

但是，在使用空格试算符时需要小心，在不恰当的情况下使用它可能会导致意想不到的结果。

总体来说，空格试算符可以提高代码的可读性和简洁性，让开发者能够更加方便地进行变量赋值操作。

结论

空格试算符是 ECMAScript 2020 中引入的一项新特性，它可以方便地判断变量是否为 null 或 undefined，并定义默认值。在实际使用中，需要结合其他运算符进行灵活运用，以便更好地达到预期的结果。

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