ES9（也称为 ECMAScript 2018）是 JavaScript 的第九个版本，于2018年6月正式发布。这个版本引入了一些新的功能，本文就来浅析聊聊 ES9 的新知识，详细介绍以下内容：

1. 展开语法
2. 异步迭代
3. Promise.finally()
4. 正则表达式命名捕获组

1. 展开语法

展开语法（Spread Syntax）是一种在数组和对象字面量中使用“…”来扩展另一个数组或对象的语法。通过使用展开语法，可以轻松实现数组和对象之间的合并。

示例代码：

const fruits = ['apple', 'banana', 'orange'];
const moreFruits = [...fruits, 'strawberry', 'watermelon']; // ["apple", "banana", "orange", "strawberry", "watermelon"]

使用展开语法轻松将两个数组合并。

const person = { name: 'John', age: 30 };
const morePerson = { ...person, gender: 'male' }; // { name: 'John', age: 30, gender: 'male' }

使用展开语法轻松将两个对象合并。

2. 异步迭代

异步迭代（Asynchronous Iteration）是一种新的迭代协议，用于在异步环境中访问数据流。它允许使用“await”关键字在异步环境中进行迭代。

示例代码：

-- -------------------- ---- -------
----- -------- --------- -
  ----- -------- - ----- --------------------------------------
  ----- ------ - --------------------------
  
  ----- ------ -
    ----- - ----- ----- - - ----- --------------
    -- ------ ------
    -------------------
  -
-

使用异步迭代协议访问数据流。

3. Promise.finally()

Promise.finally() 方法是 Promise 的一个新方法，该方法在 Promise 结束时（无论状态是成功还是失败）都会执行一个指定的回调函数。

示例代码：

function fetchData() {
  return fetch('https://api.example.com/data')
    .then(response => response.json())
    .catch(error => console.error(error))
    .finally(() => console.log('Fetch operation completed'));
}

在使用 Promise 进行异步操作时，用 Promise.finally() 来指定一个回调函数。

4. 正则表达式命名捕获组

正则表达式命名捕获组（RegExp Named Capture Groups）是一种新的正则表达式功能，用于为捕获到的组添加可读性和可维护性。

示例代码：

const datePattern = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = datePattern.exec('2022-12-31');
console.log(match.groups.year); // 2022
console.log(match.groups.month); // 12
console.log(match.groups.day); // 31

使用命名捕获组在正则表达式中标记日期格式。

总结

ES9（ECMAScript 2018）引入了一些新的 JavaScript 功能。展开语法可以轻松实现数组和对象的合并。异步迭代协议使得在异步环境中访问数据流更加容易。Promise.finally() 方法在异步操作完成时执行回调函数。正则表达式命名捕获组可以用来为捕获到的组添加可读性和可维护性。在使用 JavaScript 时，这些新功能可以提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b1980f48841e9894df1f2f