ES10 带来的全新功能，动态直接获取属性与方法的 API
ES10（也称为 ECMAScript 2019）是 JavaScript 的最新版本，带来了许多新的功能和改善。本文将介绍其中一个非常有用的新特性：动态直接获取属性与方法的 API。
在过去，如果我们要获取一个对象的属性或方法，我们必须通过对象的属性或方法名称来访问。这样做不可避免地会牵涉到一种死板的语法，在需要处理不确定的属性或方法名称时会显得非常笨拙。
ES10 引入了一个新的语法，称为 "可选链"，它可以让我们直接获取对象的属性和方法，而不必担心它们是否存在。这个新的语法在代码的可读性和灵活性上有着不小的提升，尤其在处理大型复杂的代码基础时，这项特性将会更加有用。
下面是一个示例代码，让我们来看看如何使用可选链来获取对象的属性和方法：
-- -------------------- ---- -------
-- ------
----- --- - -
----- -------
---- ---
---- -
------ ------------
------- ------
--
----------- -
------ ----------------
--
--
-- ---------------
----------------------- -- ------
----------------------------- -- -----------
-------------------------------- -- -----上面的代码定义了一个名为 obj 的对象，该对象包含 name、age、job 和 getSalary 四个属性或方法。我们可以看到，使用可选链语法时，只需要在属性或方法名后加上 ?，就可以在属性或方法不存在时避免产生错误。
另外，我们还可以使用可选链语法来调用数组中的方法：
// 定义一个数组
const arr = [1, 2, 3];
// 使用可选链调用数组方法
console.log(arr?.map(x => x * 2)?.join(',')); // "2,4,6"在上面的代码中，我们使用了可选链语法来获取 map 和 join 方法，以及对数组进行运算。如果数组本身不存在，或者其中的方法不存在，不会导致任何错误。
总结
ES10 带来的可选链语法，使得我们能够更加方便、灵活地访问对象的属性和方法，可以大大提高代码的可读性，同时也可以减少代码的错误率。在实际开发中，可选链语法将带来更加便捷的代码编写和维护，值得深入掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648ca6ea48841e9894afe3de