JavaScript 是一门动态语言，它的语法和特性一直在不断地发展和完善。ES9（ECMAScript 2018）是 JavaScript 的最新标准，它引入了许多新特性，使得 JavaScript 代码更加简洁、易读、易写。在本文中，我们将介绍 ES9 的一些新特性，并提供示例代码和使用指南。
1. 异步迭代
ES9 引入了异步迭代器，使得我们可以在异步代码中使用 for-await-of 循环。异步迭代器是一个具有 Symbol.asyncIterator 属性的对象，它可以通过 async/await 和 for-await-of 循环来迭代异步数据流。
以下是一个异步迭代器的示例代码：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
----- --- --------------- -- ------------------- -------
------ - ------ ---- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在上面的代码中，我们创建了一个异步迭代器 asyncIterable，它会在每次迭代时等待 1 秒钟。我们使用 for-await-of 循环来迭代 asyncIterable，最终输出了 0、1、2 这三个数字。
2. Promise.finally()
ES9 引入了 Promise.finally() 方法，它可以在 Promise 状态变为 resolved 或 rejected 时都会执行。Promise.finally() 方法接收一个回调函数作为参数，这个回调函数会在 Promise 状态变化时被调用。
以下是一个 Promise.finally() 的示例代码：
Promise.resolve('成功')
.then(res => console.log(res))
.catch(err => console.error(err))
.finally(() => console.log('无论如何都会执行'));在上面的代码中，我们创建了一个 Promise，如果状态变为 resolved，就输出成功；如果状态变为 rejected，就输出错误；无论如何，都会输出“无论如何都会执行”。
3. Rest/Spread 属性
ES9 引入了 Rest/Spread 属性，它可以让我们更方便地处理对象和数组。Rest 属性可以将对象或数组的剩余部分放入一个新的对象或数组中，而 Spread 属性可以将一个对象或数组展开成另一个对象或数组。
以下是 Rest/Spread 属性的示例代码：
-- -------------------- ---- ------- -- ---- -- ----- - -- -- ------- - - - -- -- -- -- -- -- -- - -- ------------------ -- - -- -- -- - - ----- --- - --- -- -- -- --- ----- ------- ------- -------- - ---- ------------------ -- --- -- -- -- ------ -- ----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ---- - - -------- ------- -- ------------------ -- - -- -- -- -- -- -- -- - - ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- --------- ------------------ -- --- -- -- -- -- --
在上面的代码中，我们使用 Rest 属性将一个对象和一个数组的剩余部分放入一个新的对象和数组中；使用 Spread 属性将两个对象和两个数组展开成一个新的对象和数组。
4. 正则表达式命名捕获组
ES9 引入了正则表达式命名捕获组，它可以让我们在正则表达式匹配时，使用命名捕获组来提取匹配结果。命名捕获组的语法为“(?<name>pattern)”。
以下是正则表达式命名捕获组的示例代码：
const str = '2019-01-01';
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = str.match(regex);
console.log(match.groups.year); // "2019"
console.log(match.groups.month); // "01"
console.log(match.groups.day); // "01"在上面的代码中，我们使用正则表达式命名捕获组提取了日期字符串中的年、月、日。
结论
ES9 引入了许多新特性，它们可以让我们的 JavaScript 代码变得更加简洁、易读、易写。在本文中，我们介绍了异步迭代、Promise.finally()、Rest/Spread 属性和正则表达式命名捕获组这四个新特性，并提供了示例代码和使用指南。希望这篇文章能够帮助你更好地理解 ES9，提高你的 JavaScript 编程能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674006ca5ade33eb7231d779