JavaScript ES10 是 JavaScript 语言的最新版本，它引入了许多新的语法和功能，其中最重要的就是对象扩展语法和可选链语法。这两种语法都能够提高 JavaScript 开发的效率和可读性，同时还能够减少代码中的错误和 bug。本文将对这两种语法进行详细介绍，并提供一些实用的示例代码。
对象扩展语法
对象扩展语法是指在 JavaScript 中创建对象时更加灵活和方便的语法。在 ES10 中，我们可以使用对象扩展语法来简化对象的创建和属性的赋值。下面是一个简单的示例：
-- ---------
--- ------ - -
----- -----
---- ---
------- ----
--------- ---------- -
-------------------- - -----------
-
--
-- ------------
--- ------ - -
-----
----
-------
---------- -
-------------------- - -----------
-
--在上面的示例中，我们可以看到，使用对象扩展语法创建对象时，可以省略属性和方法的赋值操作符（冒号和 function 关键字），同时也可以省略函数的 function 关键字。
除了简化对象的创建和属性的赋值之外，对象扩展语法还可以用来扩展现有的对象。下面是一个示例：
-- --------
--- ------ - -
----- -----
---- ---
------- ----
---------- -
-------------------- - -----------
-
--
-- ------
--- --------- - -
----------
------- ----
------- --
--在上面的示例中，我们使用了对象扩展语法来扩展一个已经存在的对象。通过使用 spread 操作符（...），我们可以将一个对象的所有属性和方法都复制到另一个对象中，从而实现对象的扩展。
可选链语法
可选链语法是指在 JavaScript 中访问对象属性时更加安全和方便的语法。在 ES10 中，我们可以使用可选链语法来避免访问不存在的属性时出现的错误。下面是一个简单的示例：
-- ---------
--- ------ - -
----- -----
---- ---
------- ----
------- -
------- -
----- -----
---- --
--
------- -
----- -----
---- --
-
-
--
-- -------------- -- --------------------- -
---------------------------------------
-
-- -----------
--- ---------- - -----------------------------
------------------------在上面的示例中，我们可以看到，使用可选链语法访问属性时，只需要在属性名后面加上问号（?）即可。如果这个属性不存在，JavaScript 会直接返回 undefined，而不会抛出错误。
除了访问属性之外，可选链语法还可以用来调用方法。下面是一个示例：
-- ---------
--- ------ - -
----- -----
---- ---
------- ----
--------- ---------- -
-------------------- - -----------
-
--
-- ----------------- -
------------------
-
-- -----------
---------------------在上面的示例中，我们使用了可选链语法来调用一个可能不存在的方法。如果这个方法不存在，JavaScript 会直接忽略这个调用，而不会抛出错误。
总结
JavaScript ES10 中的对象扩展语法和可选链语法是两种非常实用的语法，它们可以提高 JavaScript 开发的效率和可读性，同时还能够减少代码中的错误和 bug。在实际开发中，我们应该尽可能地使用这两种语法，从而让我们的代码更加简洁、安全和可维护。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66402cb9d3423812e4e51a05