ECMAScript 2020 中最重要的特性：空值合并运算符
在前端开发中，对于空值的处理一直是一个非常重要的话题。在过去的开发中，我们通常使用 || 运算符来判断一个值是否为空值，例如：
const name = getName() || 'unknown'; // 如果 getName() 返回空值，则使用 'unknown'
但是这种方式存在一些严重的问题。首先，如果 getName() 返回的是一个假值（例如 false），则也会被判断为 "空值"，这显然是不正确的。其次，如果 getName() 返回一个空字符串，空数组或空对象，这些也会被判断为 "空值"，但是它们可能是我们需要的有效值。
ECMAScript 2020 引入了一个新的运算符：空值合并运算符 (??)。空值合并运算符可以很好地解决我们遇到的问题。它能够判断一个值是否为空值，但是不会将其他假值判断为 "空值"。
空值合并运算符的语法非常简单：
const foo = null ?? 'default'; // foo 的值为 'default' const bar = undefined ?? 'default'; // bar 的值为 'default' const baz = 0 ?? 'default'; // baz 不是空值，它的值为 0
空值合并运算符在逻辑计算过程中会只匹配 null 和 undefined，如果操作数不是其中之一，即使该值为假值，也会返回该值。
我们也可以将空值合并运算符与其他运算符连用来简化代码，例如：
const user = {
name: 'Alice',
age: 18,
};
const username = user.name ?? 'unknown'; // username 的值为 'Alice'
const usercountry = user.country ?? 'unknown'; // usercountry 的值为 'unknown'在上面的示例中，我们使用了空值合并运算符来判断 user.name 是否为 null 或 undefined，有则使用它的值。如果 user.name 是 null 或 undefined，我们就使用 'unknown' 作为备用值。
总结
空值合并运算符是 ECMAScript 2020 中最重要的新特性之一。它可以帮助我们很好地处理空值问题，避免了以前在使用 || 运算符时所遇到的问题。因此，在编写新代码时，我们应该考虑使用空值合并运算符，以更好地处理空值问题。
不过需要注意，在旧版本的浏览器（如 IE11）中，空值合并运算符可能不被支持。此时，我们仍然需要使用其他方式来处理空值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647d3061968c7c53b08010ab