ES2020 中增加了一项新的运算符可选链运算符 ?.，用于简化 JavaScript 中的空值判断。在过去，我们经常需要使用多个判断语句来确保变量或者属性不为 null 或 undefined。而现在，我们可以使用可选链运算符来简化判断流程。
什么是可选链运算符？
可选链运算符 ?. 可用于访问对象或数组的属性或者方法，但是在如果目标对象或数组不存在或为空值时，可选链运算符会直接返回 undefined。
-- -------------------- ---- -------
----- --- - -
-- -
-- -
-- -
-
-
-
---------------------- -- -- -
------------------------- -- -- -
------------------------- -- -----------上面的代码使用了可选链运算符进行属性的访问。如果使用传统的访问方式，代码会变得非常臃肿：
if (obj && obj.a && obj.a.b && obj.a.b.c) {
console.log(obj.a.b.c)
}可选链运算符的优势
使用可选链运算符不仅能简化代码，也能够避免空置检查所导致的错误。在之前的代码中，如果我们没有进行空值检查，就需要在代码中手动添加判断，否则代码可能因为访问 null 或 undefined 而导致程序崩溃。
另外一个优势就是可选链运算符也可以用于对函数的调用，使得代码变得更加简洁和易读。例如我们可以使用如下代码来避免函数的空值错误：
const result = obj?.test?.()
如何在项目中使用可选链运算符
虽然可选链运算符已经成为 JavaScript 标准的一部分，但是并不是所有浏览器都已经支持，为了确保代码的向兼容性，我们可以使用 Babel 来将代码转换为旧版本的 JavaScript。
Babel 是一种用于将 ES6 或更高版本的 JavaScript 转换为向后兼容的 JavaScript 语言版本的工具，安装 Babel 后我们可以获得最新的 JavaScript 语言特性。
同时我们在项目开发时，也需要尽可能地保持代码的清晰和简洁。使用可选链运算符不仅能加快代码的开发速度，也可以有效缩短代码的开发时间。
总结
在本文中，我们讲解了在 ES2020 中的新增功能可选链运算符。我们也强调了可选链运算符对代码的简洁性、可读性、可维护性的重要性，并提供了代码示例以及如何保证兼容性的建议。
在日常开发中，使用可选链运算符能够提升开发效率，并且减少了空置检查所导致的错误。但是还需要注意在项目中怎样使用，保证代码的清晰性和兼容性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a1f3ba48841e9894e36b21