在 ES11 中引入了 Nullish Coalescing 运算符，它可以帮助我们更好地处理 JavaScript 中的空值。本文将介绍 Nullish Coalescing 运算符的用法，并提供一些示例代码，以帮助你更好地理解和应用该运算符。
什么是 Nullish Coalescing 运算符？
Nullish Coalescing 运算符（??）是一个逻辑运算符，用于处理 JavaScript 中的空值。当其左侧的表达式的值为 null 或 undefined 时，它会返回其右侧的表达式的值，否则返回左侧表达式的值。
如何使用 Nullish Coalescing 运算符？
在使用 Nullish Coalescing 运算符时，需要注意以下几点：
- 只有在左侧表达式的值为 null 或 undefined 时，才会返回右侧表达式的值；
- 如果左侧表达式的值为 false、0、''（空字符串）或 NaN，仍会返回左侧表达式的值；
- Nullish Coalescing 运算符的优先级低于逻辑或运算符（||），但高于逻辑与运算符（&&）。
下面是一些使用 Nullish Coalescing 运算符的示例：
const foo = null ?? 'default'; // 'default' const bar = undefined ?? 'default'; // 'default' const baz = 0 ?? 'default'; // 0 const qux = '' ?? 'default'; // '' const quux = NaN ?? 'default'; // NaN
Nullish Coalescing 运算符的应用场景
Nullish Coalescing 运算符的主要应用场景是在处理 JavaScript 中的空值时。例如，在获取 API 返回的数据时，我们可能会遇到一些空值，此时可以使用 Nullish Coalescing 运算符来设置默认值。下面是一个示例：
-- -------------------- ---- ------- ----- ---- - - ----- -------- ---- --- -------- ----- ------ --------- -- ----- ---- - --------- -- ---------- -- ------- ----- --- - -------- -- -- -- -- ----- ------- - ------------ -- ---------- -- --------- ----- ----- - ---------- -- ---------- -- ---------
在上面的示例中，我们使用 Nullish Coalescing 运算符来设置默认值，确保在获取数据时，即使存在空值，也能正确地显示默认值。
总结
Nullish Coalescing 运算符是一个很实用的逻辑运算符，可以帮助我们更好地处理 JavaScript 中的空值。在使用 Nullish Coalescing 运算符时，需要注意其优先级和应用场景，以确保代码的正确性和可读性。希望本文能够帮助你更好地理解和应用 Nullish Coalescing 运算符。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66381dd2d3423812e46293e0