在 React Native 开发中，我们经常会遇到需要判断变量是否为 null 或 undefined 的情况。在过去，我们通常会使用 || 运算符来进行判断，例如：
const name = props.name || "Unknown";
但是，这种方法存在一个问题：当变量的值为 falsy 值（例如 0 或空字符串）时，我们也会得到一个错误的结果。为了解决这个问题，ES11 引入了一个新的运算符：nullish coalescing 运算符。
nullish coalescing 运算符
nullish coalescing 运算符（??）是一个逻辑运算符，它可以用来判断一个变量是否为 null 或 undefined。它的语法如下：
const result = variable ?? defaultValue;
如果 variable 的值为 null 或 undefined，那么 result 的值就是 defaultValue。否则，result 的值就是 variable 的值。
使用 nullish coalescing 运算符
在 React Native 开发中，我们可以使用 nullish coalescing 运算符来避免使用 || 运算符带来的问题。例如，我们可以使用以下代码来判断 props.name 是否为 null 或 undefined：
const name = props.name ?? "Unknown";
这样，当 props.name 的值为 falsy 值时，我们仍然可以得到正确的结果。
示例代码
下面是一个使用 nullish coalescing 运算符的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ---- - ---- ---------------
----- --- - -- -- -
----- ---- - ---------- -- ----------
----- --- - --------- -- --
------ -
------
----------- -------------
---------- ------------
-------
--
--
------ ------- ----在这个例子中，我们使用 nullish coalescing 运算符来判断 props.name 和 props.age 是否为 null 或 undefined。如果它们是 null 或 undefined，我们就使用默认值 "Unknown" 和 0。
总结
nullish coalescing 运算符是一个非常实用的语法糖，它可以帮助我们避免在判断变量是否为 null 或 undefined 时出现错误。在 React Native 开发中，我们应该尽可能地使用它，以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e66b581886fbafa41a9f54