ES6 使用 “??” 运算符简化代码
在 JavaScript 中，我们经常需要检查变量是否为 null 或 undefined，如果是，我们需要采取一些特殊的操作。在旧的 JavaScript 版本中，我们通常使用 || 运算符来检查变量是否为 null 或 undefined，但是这种方式会导致一些问题。ES6 引入了一个新的运算符 “??”，它可以更好地处理这种情况。
“??” 运算符是一个逻辑空值合并运算符，它可以在变量为 null 或 undefined 时给出默认值。它的语法如下：
const result = a ?? b;
如果 a 不为 null 或 undefined，则 result 的值为 a。如果 a 为 null 或 undefined，则 result 的值为 b。
使用 “??” 运算符的好处是它可以避免一些不必要的问题。例如，当使用 || 运算符时，如果变量的值为 0 或空字符串，则会被视为 false，这可能会导致一些意外的行为。但是，“??” 运算符不会将这些值视为 false，因此可以避免这种问题。
下面是一个使用 “??” 运算符的示例代码：
const name = null; const username = name ?? 'Guest'; console.log(username); // 输出 "Guest"
在上面的代码中，我们首先将 name 变量设置为 null。然后，我们使用 “??” 运算符将其与字符串 'Guest' 进行比较。由于 name 的值为 null，因此 username 的值将为 'Guest'。
使用 “??” 运算符可以使代码更加简洁和易于阅读。在编写代码时，我们应该尽可能使用这种方式来处理 null 和 undefined 值。
总结
“??” 运算符是一个逻辑空值合并运算符，它可以在变量为 null 或 undefined 时给出默认值。它可以避免一些意外的行为，使代码更加简洁和易于阅读。在编写代码时，我们应该尽可能使用这种方式来处理 null 和 undefined 值。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c5aa1cadd4f0e0ff0333a2