ECMAScript 是 JavaScript 的标准化语言规范。自 ECMAScript 6（ES6）发布以来，JavaScript 社区一直在积极推进 ECMAScript 的发展。ECMAScript 2018（ES2018）是 ECMAScript 的最新版本，发布于 2018 年 6 月。本文将介绍 ES2018 中的新特性，并提供详细的解释和示例代码。
异步迭代器（Asynchronous Iterators）
异步迭代器是在 ES2015 中引入的迭代器的扩展。与普通迭代器不同，异步迭代器允许开发人员在迭代过程中异步地获取值。ES2018 引入了一个新的 Symbol.asyncIterator 符号，用于定义异步迭代器。异步迭代器必须返回一个 Promise，Promise 的 resolve 值为一个包含迭代器下一个值的对象，包含 done 属性和 value 属性。
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
----- --- --------------- -- ------------------- -------
------ - ------ ---- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在上面的示例中，asyncIterable 对象定义了一个异步迭代器，该迭代器使用 setTimeout 函数模拟异步操作，每次迭代都会等待一秒钟。for await...of 循环用于异步地迭代 asyncIterable 对象，输出 0、1、2。
Promise.prototype.finally()
Promise.prototype.finally() 方法在 Promise 完成后执行指定的回调函数。无论 Promise 是成功还是失败，finally() 方法都会被调用。该方法返回一个 Promise，该 Promise 的 resolve 值和 Promise 对象的 resolve 值一样，reject 值和 Promise 对象的 reject 值一样。
-- -------------------- ---- -------
----------------------
------------ -- -
--------------------
----- --- -------------
--
------------ -- -
---------------------
--
----------- -- -
-----------------------
---在上面的示例中，Promise.resolve('foo') 返回一个 Promise，该 Promise 的 resolve 值为 'foo'。then() 方法中抛出了一个错误，该错误被 catch() 方法捕获并输出。最后，finally() 方法被调用并输出 'finally'。
Rest/Spread 属性（Rest/Spread Properties）
Rest/Spread 属性是 ES2018 中引入的对象字面量的扩展。Rest 属性用于将对象的剩余属性收集为一个新的对象。Spread 属性用于将一个对象的所有属性展开为另一个对象中。
-- -------------------- ---- -------
----- ------ - -
----- -------
---- ---
-------- -
----- ---- ------
------ ----
-
--
----- - ----- ------- - - -------
------------------ -- ------
------------------ -- - ---- --- -------- - ----- ---- ------ ------ ---- - -
----- --------- - - ---------- ----------- ----------- --
-----------------------
--
-
----- -------
---- ---
-------- -
----- ---- ------
------ ----
--
----------- -----------
-
--在上面的示例中，...rest 用于收集 person 对象的剩余属性，并将其存储在一个新的对象中。...person 用于将 person 对象的所有属性展开为一个新的对象，并添加一个名为 occupation 的新属性。
正则表达式命名捕获组（Named Capture Groups）
正则表达式命名捕获组允许使用命名而不是数字来引用捕获的组。ES2018 引入了一种新的正则表达式语法，用于创建命名捕获组。命名捕获组的语法为 (?<name>pattern)，其中 name 是捕获组的名称，pattern 是正则表达式模式。
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec('2021-09-30');
console.log(match.groups.year); // '2021'
console.log(match.groups.month); // '09'
console.log(match.groups.day); // '30'在上面的示例中，/(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/ 创建了一个正则表达式，该正则表达式包含三个命名捕获组：year、month 和 day。regex.exec('2021-09-30') 返回一个数组，其中包含匹配的字符串和捕获的组。match.groups 属性用于访问命名捕获组。
其他新特性
除了上述新特性外，ES2018 还引入了其他一些新特性：
Object.getOwnPropertyDescriptors()方法返回指定对象所有自身属性（非继承属性）的描述符。Promise.prototype.catch()方法现在可以不带参数，用于捕获 Promise 中的错误。- 后续版本的 ECMAScript 将支持异步迭代器和生成器之间的互操作性。
结论
ES2018 引入了许多非常有用的新特性，包括异步迭代器、Promise.prototype.finally()、Rest/Spread 属性和正则表达式命名捕获组。这些新特性可以使开发人员更加轻松地编写高效、可读性强的 JavaScript 代码。在实际开发中，我们应该充分利用这些新特性，以提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676431bb856ee0c1d427703b