ES9 是 JavaScript 语言的一个重要版本，通过增加新的功能和语法特性，提高了 JavaScript 语言的表现力和实用性。本文将介绍 ES9 中所有新功能及其简介，旨在帮助前端开发者更好地了解和熟练使用这些新特性。
1. async / await
ES9 中引入了 async / await 关键字，用于将异步操作转化为同步编程风格的代码。async 关键字用于声明一个异步函数，await 关键字用于等待异步操作完成并返回结果。
下面是一个简单的示例代码：
// javascriptcn.com 代码示例
async function request(url) {
const response = await fetch(url);
return await response.json();
}
request('https://jsonplaceholder.typicode.com/todos/1').then(data => {
console.log(data);
}).catch(error => {
console.error(error);
});上述代码中，async 函数 request 发起了一个 HTTP 请求，并使用了 await 关键字等待响应结果返回。在业务逻辑的上下文中，我们可以将异步操作写成顺序执行的方式，提高代码的可读性和维护性。
2. Rest / Spread 属性
ES9 引入了 Rest / Spread 属性，用于集成和展开对象和数组。Rest 属性用于将对象或数组中的一部分解构到一个新的对象中，Spread 属性则用于将一个对象或数组展开到另一个对象或数组中。
下面是一个简单的示例代码：
const { a, b, ...rest } = { a: 1, b: 2, c: 3, d: 4 };
console.log(a, b, rest); // 1, 2, { c: 3, d: 4 }
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]上述代码中，Rest 属性用于将原对象中的 a 和 b 属性解构到新对象中，Spread 属性则用于将两个数组展开到一个新的数组中。
3. 正则表达式的命名捕获组
ES9 引入了正则表达式的命名捕获组，用于更方便和直观地引用正则表达式中的分组。新语法 (?'<name>'<pattern>') 用于声明一个命名捕获组，(?<name>) 则用于引用该命名捕获组。
下面是一个简单的示例代码：
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regexp.exec('2022-04-15');
console.log(match.groups.year); // '2022'
console.log(match.groups.month); // '04'
console.log(match.groups.day); // '15'上述代码中，我们使用命名捕获组的语法，声明了一个匹配日期格式的正则表达式，并且可以直接通过 match.groups.<name> 访问分组中的值。
4. Promise.finally 方法
ES9 中提供了 Promise.finally 方法，用于无论 Promise 成功还是失败，都会执行一段指定的代码。Promise.finally 方法执行后还会返回原 Promise 对象，方便后续链式操作。
下面是一个简单的示例代码：
Promise.resolve('foo')
.then(value => {
console.log(`promise resolved: ${value}`);
}).catch(error => {
console.log(`promise rejected: ${error}`);
}).finally(() => {
console.log('finally block executed');
});上述代码中，无论 Promise 成功还是失败，都会执行 finally 块中的代码。
总结
本文介绍了 ES9 中所有新功能及其简介，其中包括 async / await、Rest / Spread 属性、正则表达式的命名捕获组和 Promise.finally 方法。这些新特性都能够帮助开发者更方便、高效地编写 JavaScript 代码，值得我们学习和掌握。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6535ed6a7d4982a6ebdac267