在 ECMAScript 2018 (ES9) 版本中，新增了一些有关对象的扩展。这些扩展为前端开发提供了更加灵活和高效的开发方式。本文将主要介绍对象的三个重要扩展：对象扩展运算符、异步迭代器以及原型方法扩展。
对象扩展运算符
对象扩展运算符可以将对象展开成多个属性值。它在对象字面量和函数调用中使用。它允许我们将一个对象上的属性和方法展开并插入到另一个对象中。我们一般使用“...”符号表示对象扩展运算符。
对象字面量
在对象字面量中使用对象扩展运算符：
----- ------ - - ----- ------ ---- -- -- ----- -------------- - - -- ---- ------ ------------ ---------- ------- ------- ----------- ---------- -- ---------------------------- -- ------ ------ ---- --- ------- ------- ----------- -----------
函数调用
在函数调用中使用对象扩展运算符：
-------- --------------------- ---- ------- - ------------------ ---------- ----------------- --------- -------------------- ------------ - ----- ------ - - ----- ------ ---- --- ------- ------ -- --------------------------- -- ----- --- ---- -- ------- ----
异步迭代器
异步迭代器可以被用于迭代异步数据源。它是基于迭代器协议的一个扩展。在这个协议下，一个对象被视为“可迭代对象”，如果它有一个可以被调用的 Symbol.iterator 方法，这个方法返回一个“迭代器对象”。
在异步迭代器中使用 Symbol.asyncIterator 方法来定义异步迭代。
异步迭代器示例
----- ------------- - -
------------------------ -
------ -
-- --
------ -
-- ------- - -- -
------ --- --------------- -- ---------------------------------- -------
-
------ ----------------------
-
--
-
--
------ -------- -- -
--- ----- ------ - -- -------------- -
---------------
-
-----在上述代码中，我们定义了一个[Symbol.asyncIterator]方法，它返回一个对象，这个对象有一个next方法，返回一个Promise。在这个示例中，当i小于3时，next方法返回一个延迟1秒后返回i的值的 Promise。
接下来在async function中使用for await ... of执行异步迭代，并在控制台中输出结果。
原型方法扩展
ECMAScript 2018为 Object 和 Array 对象添加了2个原型方法：Object.values() 和 Object.entries() 以及 Array.prototype.flat() 和 Array.prototype.flatMap() 方法。它们可以在对象和数组中派上很大的用场。
Object.values() 和 Object.entries()
Object.values() 方法返回一个给定对象的所有可枚举属性值的数组。Object.entries() 方法返回一个给定对象的所有可枚举属性的键值对的数组。它们可以很方便地将对象转化为数组。
----- ------ - - ----- ------ ---- --- ------- ------ -- ----- ------ - ---------------------- -------------------- -- ------- --- ------- ----- ------- - ----------------------- --------------------- -- --------- ------- ------- ---- ---------- --------
Array.prototype.flat() 和 Array.prototype.flatMap()
Array.prototype.flat() 方法将嵌套的数组“扁平化”，即将嵌套数组的所有元素展平到一维数组中。
----- --- - --- --- --- --- ------ ------------------------ -- --- -- -- -- ---- ------------------------- -- --- -- -- -- --
Array.prototype.flatMap() 方法首先使用映射函数将每个元素映射到一个新的网络上，然后将结果扁平化到新的数组中。与Array.prototype.flat() 不同，映射函数在扁平化之前先执行。
----- --- - --- -- --- ------------------------- -- --- - - ----- -- --- -- -- -- -- --
总结
在 ES9 中的对象和数组的扩展方法有助于开发者更好地管理和处理数据。对象扩展运算符可以让代码变得更简洁，同时异步迭代器可以处理异步数据源，而原型方法扩展则可以让处理数组和对象更加方便。在实际的开发中，我们应该根据项目实际情况灵活运用这些扩展方法，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f1c1a9f6b2d6eab3b997d9