JavaScript可选的链式调用可能到来了

JavaScript是一种动态类型、面向对象的编程语言，广泛应用于Web前端开发中。随着ES6（ECMAScript 2015）规范的发布，JavaScript在语言层面上增加了许多新特性和语法糖。其中，可选的链式调用（optional chaining）就是一个备受期待的功能，它大大简化了代码的书写，提高了代码的可读性。

什么是可选的链式调用？

在JavaScript开发中，我们经常需要对对象进行属性或方法的访问，通常使用点运算符.来实现。例如：

----- ------ - -
  ----- -------
  ---- ---
  -------- -
    ----- ---- ------
    ------- ---- ---- ---
  -
--

----- ---- - -------------------- -- ---- -----

但是，如果person对象中没有address属性，那么以上代码执行时就会抛出TypeError异常。为了避免这种情况，我们通常需要进行一些判断：

----- ---- - ------ -- -------------- - ------------------- - ----------

这样虽然能解决问题，但是代码显得非常冗长，可读性较差。可选的链式调用就是为了解决这个问题而设计的。

可选的链式调用使用问号.（?）来替代点运算符.，可以安全地访问对象的属性或方法，例如：

----- ---- - ----------------------

这样，如果person对象中没有address属性，代码也不会抛出异常，而是返回undefined。

可选的链式调用支持的操作符

可选的链式调用不仅支持点运算符.，还支持其他一些常见的操作符，如下所示：

• ?. 可选的属性访问（Optional Property Access）
• ?.() 可选的函数调用（Optional Call）
• ?.[] 可选的数组访问（Optional Element Access）

因此，我们可以使用可选的链式调用来访问嵌套对象的属性或方法，例如：

----- ------ - -
  ----- -------
  ---- ---
  -------- -
    ----- ---- ------
    ------- ---- ---- ----
    ---------------- -
      ------ ---------------- --------------
    -
  -
--

----- ----------- - ------------------------------------ -- ---- ---- --- --- -----

上述代码中，如果getFullAddress方法不存在，代码也不会抛出异常，而是返回undefined。

支持的 JavaScript 引擎

可选的链式调用目前已经被加入到了ECMAScript 标准中，并且在最新版本的Chrome、Firefox、Safari和Edge浏览器中得到了支持。然而，低版本的浏览器和一些遗留的JavaScript引擎可能不支持这个功能。因此，在使用可选的链式调用时需要注意兼容性问题。

总结

可选的链式调用是一种简洁、安全、易读的JavaScript语法糖，可以避免在访问对象属性或方法时出现TypeError异常。目前，各大主流浏览器已经支持了这个功能，前端开发者可以放心地使用它来提高代码的可读性和简洁性。

示例代码

----- ---- - -
  ----- --------
  ------ --------------------
  ------------ -
    ------ -------
    --------- -
      -------- -----
      ---------- ----
    -
  --
  -------------------- -
    ------ ------------------------------------
  -
--

--------------------------------------- -- ----

------ -----------------

--------------------------------------- -- ---------

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/7020