ES10 中如何使用 Nullish Coalescing 运算符
在 ES10 中，Nullish Coalescing 运算符（??）是一个新的运算符，用于处理 JavaScript 中的 null 和 undefined 值。该运算符可以用于简化代码并提高代码的可读性。本文将详细介绍 Nullish Coalescing 运算符的用法，并提供一些示例代码和指导意义。
- Nullish Coalescing 运算符的用法
Nullish Coalescing 运算符（??）是一个二元运算符，用于检查变量是否为 null 或 undefined。如果变量为 null 或 undefined，则返回默认值；否则返回变量本身。
例如，假设我们有一个变量 x，它的值可能为 null 或 undefined。我们可以使用 Nullish Coalescing 运算符来设置一个默认值：
const result = x ?? 'default';
在上面的代码中，如果 x 的值为 null 或 undefined，则返回 'default'；否则返回 x 的值。
- Nullish Coalescing 运算符的优势
使用 Nullish Coalescing 运算符可以简化代码，并提高代码的可读性。例如，假设我们需要检查一个对象是否包含某个属性，并且该属性的值为 null 或 undefined。在 ES10 之前，我们通常使用以下代码来检查：
const result = (obj && obj.prop) || 'default';
在上面的代码中，如果 obj 或 obj.prop 的值为 null 或 undefined，则返回 'default'；否则返回 obj.prop 的值。
使用 Nullish Coalescing 运算符可以更简单地实现相同的功能：
const result = obj?.prop ?? 'default';
在上面的代码中，如果 obj 或 obj.prop 的值为 null 或 undefined，则返回 'default'；否则返回 obj.prop 的值。
使用 Nullish Coalescing 运算符可以让代码更加简洁和易于阅读，尤其是在处理多个变量时。
- Nullish Coalescing 运算符的注意事项
需要注意的是，Nullish Coalescing 运算符只能用于检查 null 或 undefined 值。如果变量的值为 false、0、'' 或 NaN，Nullish Coalescing 运算符仍然会返回变量本身。
例如，假设我们有一个变量 x，它的值为 0。我们可以使用 Nullish Coalescing 运算符来设置一个默认值：
const result = x ?? 'default';
在上面的代码中，Nullish Coalescing 运算符会返回 0，因为 0 不是 null 或 undefined。
如果需要检查变量是否为 false、0、'' 或 NaN，可以使用逻辑或运算符（||）。
- Nullish Coalescing 运算符的示例代码
以下是一些使用 Nullish Coalescing 运算符的示例代码：
-- -------------------- ---- ------- -- ------- ---- - --------- ----- ------- - - -- ---------- -- --------------------- ---- - --------- ----- ------- - --------- -- ---------- -- ----------- ---- - --------- ----- ------- - -------- -- ---------- -- ------------- ---- - --------- ----- ------- - ------ -- ----------
- Nullish Coalescing 运算符的指导意义
Nullish Coalescing 运算符是一种简化代码和提高代码可读性的工具。使用 Nullish Coalescing 运算符可以让代码更加简洁和易于阅读，尤其是在处理多个变量时。同时，使用 Nullish Coalescing 运算符也需要注意一些细节，例如它只能用于检查 null 或 undefined 值。
在实际开发中，我们可以根据具体情况选择使用 Nullish Coalescing 运算符或其他运算符，以达到更好的代码效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d0b4fce46428fe9ee025ce
