使用 ES10 中的空值合并运算符
在 JavaScript 中，处理未定义或为空值的变量一直是一个艰难的问题。为了解决这个问题，ES10 中引入了一个新的空值合并运算符来提供一种更加优雅的解决方案。
空值合并运算符（nullish coalescing operator，??）是一个二元运算符，用于检查一个变量是否为 null 或者 undefined，如果不是则返回该变量的值，否则返回另一个预定义的默认值。
在 JavaScript 中，当使用 || 运算符时，如果操作数为 false、''、0、null、undefined 或者 NaN，则取默认值。但是，在使用 || 运算符时，如果操作数为 0 或 false 的时候，虽然它们是有效值，但是会返回默认值，这是因为 || 运算符会使用 JavaScript 中的弱类型转换，不同类型的值会被转换成布尔值。而空值合并运算符??不会将值转换为布尔型，仅当表达式左侧的值为 null 或 undefined 时才会使用右侧的默认值。
下面是一个使用空值合并运算符的例子：
// javascriptcn.com 代码示例 // 使用空值合并运算符 const foo = null ?? 'default value'; console.log(foo); // 'default value' const bar = undefined ?? 'default value'; console.log(bar); // 'default value' const baz = 0 ?? 'default value'; console.log(baz); // 0
在上面的示例中，空值合并运算符用于检查变量是否为 null 或 undefined，使得在需要给变量设定默认值的时候可以更加方便。
空值合并运算符的优点：
- 更加安全和简洁：在处理 undefined 或 null 时非常方便，不会返回意外的默认值；
- 可以使用简洁的语法提供默认值：可以直接使用 ?? 运算符来返回一个默认值，这样更加简单；
- 减少了逻辑的复杂性：使用空值合并运算符的代码更加清晰简洁，复杂的逻辑可以值得被简化。
在实际的开发中，空值合并运算符是一种非常实用的语法。特别是在处理未定义或为空值的变量时，它可以节省我们大量的时间，而且代码更加优雅，便于维护。
总结：
空值合并运算符是 ES10 中的一个新的语法，它可以自动判断一个值是否为 null 或者 undefined，如果是则使用预先设定的默认值。这个语法特别适用于 JavaScript 中需要处理空变量的场景，它可以帮助开发者更加安全和简洁的编写代码，并且降低了逻辑复杂性，让代码更加清晰简洁。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653385fd7d4982a6eb7132a6