ES9 优质文章推荐：全面掌握 ECMAScript-FunTeaLearn Online Web Tutorials

ECMAScript（简称 ES）是一种基于 Web 平台的脚本语言，由 ECMAScript 标准规定语言的语法和语义。除了浏览器端，ES 也广泛应用于 Node.js 和其他平台。在现代 Web 开发中，掌握 ES 技能是非常重要的一项能力。而随着 ES 的不断更新，每个版本都会有新特性的加入和删除，因此，学习 ES 是一个不断进步和持续学习的过程。

本篇文章为您推荐 ES9 的优质文章，帮助您深入了解 ES。

ES9 新特性

ES9（正式名称为 ECMAScript 2018）是 ES 的最新版本，于 2018 年 6 月发布。最引人注目的 ES9 新特性之一是增加了异步迭代器（Async Iteration）功能。ES9 还新增了正则表达式命名捕获组、Rest/Spread 属性、Promise 的 finally() 方法等。接下来，我们将深入研究 ES9 的这些新特性。

异步迭代器

在 ES9 中，新增了一种新的迭代器类型：异步迭代器。与常规迭代器不同，异步迭代器允许在异步操作中使用迭代器逻辑。这为开发人员提供了便利，因为异步数据源和操作在 Web 开发中十分常见。

异步迭代器可以使用 Symbol.asyncIterator 进行声明，并通过 for await...of 循环进行遍历。例如，下面是一个返回异步值的迭代器（采用 Promise 方式）：

async function * getIds (ids) {
  for (let id of ids) {
    const res = await fetch(`/api/user/${id}`)
    yield res.json()
  }
}

可以通过 for await...of 进一步处理异步索引值：

const ids = [1, 2, 3]
for await (let user of getIds(ids)) {
  console.log(user)
}

正则表达式命名捕获组

在 ES9 中引入了命名捕获组，可以通过命名分组分别捕获和访问正则表达式中的不同部分。命名捕获组使用语法 (?<name>expression) 进行声明。

例如：

const str = '2019-02-14'
const reg = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/
const { groups } = str.match(reg)
console.log(groups.year, groups.month, groups.day)

输出：

2019 02 14

Rest/Spread 属性

ES9 还新增了 Rest/Spread 属性，简化了函数和对象的参数和数据结构处理。使用 ... 运算符将一组值赋给一个数组、对象或函数参数，可以轻松实现批量处理代码。

例如：

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

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

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

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

Promise 的 finally() 方法

在 ES9 中，Promise 新增了一个 finally() 方法。该方法无论 Promise 对象的状态如何，都会执行传递给它的回调函数。

例如：

new Promise((resolve, reject) => {
  throw new Error('error!')
})
  .catch(err => console.log('catch', err))
  .finally(() => console.log('finally'))
// 输出 'catch Error: error!\nfinally'

学习资源推荐

想要全面掌握 ES 技能，不仅需要了解 ES9 的新特性，还需要掌握其他版本的语言知识。以下是一些 ES 学习资源的推荐。

阮一峰 - ECMAScript 6 入门

该文章是中文 Web 开发者必看的一篇知名文章，详细讲解了 ES6 的新特性及语法规范。如果您刚刚开始学习 ES，可以首先阅读该教程。

ECMAScript 6 入门 - 阮一峰的网络日志

You Don't Know JS

You Don't Know JS 系列是一组涵盖 ES 背景、类型、语法和异步编程的书籍。虽然有些部分比较深度和复杂，但是对于想要更深入了解 ES 的开发人员来说，这些书籍是学习的必备资源。

You Don't Know JS - Github

MDN web docs

MDN web docs 是 Mozilla 为开发者提供的一份 Web 开发文档。其中提供了 ES 规范的详细中英文 API 文档，并且能够随着 Web 技术的发展不断更新和完善。因此从 MDN 学习 ES 技能，能够及时了解到 Web 开发中最新的语言特性。

ECMAScript - MDN web docs

总结

ES9 异步迭代器、正则表达式命名捕获组、Rest/Spread 属性、Promise 的 finally() 方法等新特性为开发人员提供了更便利的开发方式。同时，了解 ES 的其他版本特性，掌握 ES 技能是 Web 开发中一个十分重要的能力。以上是本篇文章所推荐的 ES 学习资源，希望对您的学习有所帮助！

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/64a4109148841e989407efe9

ES9 优质文章推荐：全面掌握 ECMAScript