在 JavaScript 中，我们经常需要处理变量是否为 null 或者 undefined 的问题。这个问题在很多编程语言中都存在，但是在 JavaScript 中却存在一些特殊的处理方式。为了更好地理解这些处理方式，我们需要了解 Nullish 协议和可选链接这两个概念。
Nullish 协议
在 JavaScript 中，当我们需要判断一个变量是否为 null 或者 undefined 的时候，通常会使用这样的代码：
if (value === null || value === undefined) {
// do something
}但是这样的代码比较麻烦，而且有时候并不符合我们的要求。比如，有时候我们希望一个变量为 0 或者空字符串时也不要进行判断，这时就需要用到 Nullish 协议。
Nullish 协议指的是 ?? 运算符，它会判断一个变量是否为 null 或者 undefined，但不包括 0、空字符等等。下面是一个简单的示例：
const value = 0; const result = value ?? 'default'; console.log(result); // 0
在上面的代码中，我们可以看到当 value 为 0 时，使用 ?? 运算符的结果是 0，而不是 'default'。
需要注意的是，Nullish 协议是一个相对较新的特性，需要在较新的浏览器和环境下才能支持。
可选链接
在 JavaScript 中，我们经常需要对一个对象的属性进行访问。但是在访问之前需要先进行 null 或者 undefined 的判断，以免代码出现意外的错误。比如：
-- -------------------- ---- -------
----- --- - -
------ -
------ -
------ -------
-
-
-
----- ---------- - --- -- --------- -- --------------- -- ----------------------
------------------------ -- -------上面的代码中，通过 && 运算符进行了多次的判断，才能得到属性 prop3 的值。这样的代码非常麻烦，而且容易出现错误。
为了解决这个问题，JavaScript 中引入了可选链接（Optional Chaining），可以让访问对象属性更加方便和安全。下面是一个简单的示例：
-- -------------------- ---- -------
----- --- - -
------ -
------ -
------ -------
-
-
-
----- ---------- - -------------------------
------------------------ -- -------在上面的代码中，我们使用了 ?. 运算符，可以直接访问对象属性，如果属性不存在，则返回 undefined。
总结
Nullish 协议和可选链接是 JavaScript 中的两个相对较新的特性，能够使我们的代码更加简洁和安全。Nullish 协议解决了我们在判断变量是否为 null 或者 undefined 时的问题，而可选链接则可以让我们更加安全地访问对象属性。
在使用这些特性的时候，需要注意它们的兼容性和语法规则，避免出现不必要的错误。同时，我们也应该养成良好的编程习惯，尽可能避免 null 和 undefined 的出现，以减少代码的复杂度和错误率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64567d57968c7c53b09992bd