ES9，也称为 ECMAScript 2018，是 JavaScript 的最新版本。它包含了一些非常有用的新特性，可以帮助开发者更加高效地编写代码。在本文中，我们将介绍 ES9 中的所有新特性，并提供示例代码和学习指导。
1. 异步迭代
在 ES9 中，我们可以使用 for-await-of 循环来遍历异步迭代器。异步迭代器是一种可以异步生成值的迭代器。这意味着我们可以在遍历的过程中等待异步操作完成后再继续遍历。
下面是一个使用异步迭代器的示例代码：
-- -------------------- ---- ------- ----- --------- ---------------- - ----- -- ----- -- ----- -- - ----- -------- ----------- - --- ----- ---- --- -- ----------------- - ----------------- - - ------------展开代码
在上面的代码中，我们定义了一个异步生成器函数 asyncGenerator，它可以异步地生成数字 1、2 和 3。然后我们定义了一个异步函数 asyncFunc，它使用 for-await-of 循环来遍历异步生成器函数返回的迭代器，等待每个生成的数字打印出来。
2. Promise.finally()
ES9 中的 Promise 对象新增了一个 finally 方法，它可以在 Promise 执行结束后无论成功或失败都会被调用。这个方法非常适合执行清理操作，例如关闭资源或者清除状态。
下面是一个使用 finally 方法的示例代码：
-- -------------------- ---- ------- -------- ----------- - ------ --- ----------------- ------- -- - ------------- -- - ------------- ------- ---------------- -- ------ --- - ----------- ---------- -- - ------------------ -- ------------ -- - --------------------- -- ----------- -- - ------------------ -- --------------- ---展开代码
在上面的代码中，我们定义了一个 fetchData 函数，它返回一个 Promise 对象。然后我们使用 then 和 catch 方法来处理 Promise 对象的成功和失败情况。最后，我们使用 finally 方法来执行清理操作。
3. Rest/Spread 属性
ES9 中，我们可以使用 Rest/Spread 属性来方便地操作对象和数组。Rest/Spread 属性可以让我们轻松地将对象或数组的属性或元素展开成单独的变量，或将多个变量合并成一个对象或数组。
下面是一个使用 Rest 属性的示例代码：
-- -------------------- ---- ------- --- ------ - - ----- ------- ---- --- -------- - ------- ---- ---- ---- ----- ---- ------ ------ ---- - -- --- - ----- ------- - - ------- ------------------ -- ------- ---- ------------------ -- ------- - ---- --- -------- - ------- ---- ---- ---- ----- ---- ------ ------ ---- - -展开代码
在上面的代码中，我们定义了一个包含姓名、年龄和地址信息的人物对象 person。然后我们使用 Rest 属性将 name 属性赋值给变量 name，并将剩余的属性赋值给变量 rest。最后我们打印出 name 和 rest 的值。
下面是一个使用 Spread 属性的示例代码：
let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; let arr3 = [...arr1, ...arr2]; console.log(arr3); // Output: [1, 2, 3, 4, 5, 6]
在上面的代码中，我们定义了两个数组 arr1 和 arr2，然后使用 Spread 属性将它们的元素合并到一个新的数组 arr3 中，最后打印出 arr3 的值。
4. 正则表达式命名捕获组
ES9 中，我们可以给正则表达式的捕获组命名，使得代码更加易读易维护。我们可以使用 (?<name>...) 的语法来为捕获组命名，然后可以通过 match 方法的返回值来访问捕获组的值。
下面是一个使用命名捕获组的示例代码：
let str = 'John Smith, 30 years old'; let regex = /(?<name>\w+)\s(?<surname>\w+),\s(?<age>\d+)\syears\sold/; let match = str.match(regex); console.log(match.groups.name); // Output: John console.log(match.groups.surname); // Output: Smith console.log(match.groups.age); // Output: 30
在上面的代码中，我们定义了一个包含姓名、年龄等信息的字符串 str，然后使用命名捕获组的正则表达式 regex 来匹配字符串。最后我们使用 match 方法的返回值来访问捕获组的值。
结论
ES9 中的这些新特性可以帮助开发者更加高效地编写代码，提高代码的可读性和可维护性。我们应该在日常开发中积极使用这些特性，以提高自己的编码水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67691fd598e3e1ab1a8c0215
