ECMAScript 是 JavaScript 的标准化规范，每年都会有新的版本发布。ES9（也称为 ECMAScript 2018）是最新的版本，于2018年6月发布。本文将介绍 ES9 的新特性和语法，帮助前端开发者更好地理解和应用这些新功能。
1. 异步迭代器
异步迭代器是 ES9 中引入的新概念，它将异步操作和迭代器结合起来。异步迭代器可以通过 Symbol.asyncIterator 属性来定义，它返回一个对象，该对象有一个 next 方法，该方法返回一个 Promise 对象。异步迭代器可以在异步操作完成时生成下一个值，并在完成后返回该值。
以下是一个异步迭代器的示例代码：
----- --------- ---------------- -
----- ----- -------------------
----- ----- -------------------
----- ----- -------------------
-
------ ---------- -
--- ----- ---- --- -- ----------------- -
-----------------
-
-----
-- ---- - -上面的代码中，asyncGenerator 函数返回一个异步迭代器对象，使用 for await...of 循环来迭代异步生成的值。
2. Promise.prototype.finally()
ES9 中引入了 Promise.prototype.finally() 方法，它可以在 Promise 执行完成后执行一些操作，无论 Promise 是否成功。该方法的语法如下：
--------------------------
其中，onFinally 是一个函数，在 Promise 完成后执行。如果 Promise 成功，该函数将接收 Promise 的值作为参数；如果 Promise 失败，该函数将接收 Promise 的错误作为参数。
以下是一个 Promise.prototype.finally() 的示例代码：
------------------
------------- -- -
-------------------
--
----------- -- -
-----------------------
---
-- ---- -------
------------------ ---------------
-------------- -- -
-----------------------------
--
----------- -- -
-----------------------
---
-- -------- -------上面的代码中，Promise 完成后将执行 finally 方法中的代码。
3. Rest/Spread 属性
ES9 中引入了 Rest/Spread 属性，它可以将对象或数组中的属性展开到另一个对象或数组中。Rest 属性使用 ... 语法来表示，它可以将对象或数组中的剩余属性作为单独的对象或数组返回。Spread 属性也使用 ... 语法来表示，它可以将对象或数组中的属性展开到另一个对象或数组中。
以下是 Rest/Spread 属性的示例代码：
-- ---- ---- --- - -- -- ---- - - - -- -- -- -- -- -- -- - -- --------------- -- ---- --------------- -- ---- --------------- -- ---- -- -- -- - - -- ------ ---- --- ---- - --- -- --- --- ---- - --- -- --- --- ---- - --------- --------- ------------------ -- ------ -- -- -- -- --
上面的代码中，Rest 属性将对象中的剩余属性作为单独的对象返回，Spread 属性将两个数组中的元素合并到一个数组中。
4. 对象扩展
ES9 中还引入了一些对象扩展的新功能。其中，对象可以使用一个新的方法 Object.fromEntries() 来将一个二维数组转换为一个对象。该方法接收一个二维数组作为参数，其中每个子数组的第一个元素将作为对象的键，第二个元素将作为对象的值。
以下是 Object.fromEntries() 的示例代码：
--- ------- - - -------- --------- ------- ---- ---------- ---------- -- --- --- - ---------------------------- ----------------- -- ---- ----- -------- ---- --- ------- -------- -
上面的代码中，Object.fromEntries() 方法将二维数组转换为一个对象。
此外，ES9 中还引入了一个新的对象方法 Object.getOwnPropertyDescriptors()，它可以获取一个对象的所有属性的描述符。该方法接收一个对象作为参数，返回一个包含所有属性描述符的对象。
以下是 Object.getOwnPropertyDescriptors() 的示例代码：
--- --- - - ----- -------- ---- --- -- --- ----------- - -------------------------------------- ------------------------------ -- ---- ------ -------- --------- ----- ----------- ----- ------------- ---- - ----------------------------- -- ---- ------ --- --------- ----- ----------- ----- ------------- ---- -
上面的代码中，Object.getOwnPropertyDescriptors() 方法返回一个包含所有属性描述符的对象。
5. 正则表达式命名捕获组
ES9 中引入了正则表达式命名捕获组的概念，它可以为捕获组指定一个名称。命名捕获组使用 (?<name>...) 语法来表示，其中 name 是捕获组的名称。
以下是正则表达式命名捕获组的示例代码：
--- --- - ------------- --- ----- - ----------------------------------------------- --- ------ - ----------------- -------------------------------- -- ------- --------------------------------- -- ----- ------------------------------- -- -----
上面的代码中，正则表达式使用 (?<name>...) 语法指定了三个命名捕获组，match() 方法返回一个包含这些捕获组的对象。
总结
ES9 引入了许多新的特性和语法，包括异步迭代器、Promise.prototype.finally()、Rest/Spread 属性、对象扩展和正则表达式命名捕获组。这些新功能可以帮助开发者更好地处理异步操作、简化代码、提高代码可读性和可维护性。开发者可以根据自己的需求选择适合自己的语法和特性，提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65dad0b01886fbafa47f8690