随着 JavaScript 语言的不断发展，新的特性和语法不断涌现。ES9（ECMAScript 2018）是 JavaScript 的最新版本，包含了一些非常实用的新特性，可以让我们用更短的代码写出更好的效率。本文将介绍 ES9 的新特性，以及如何使用它们来提高我们的前端开发效率。
Object Rest/Spread Properties
Object Rest/Spread Properties 是 ES9 引入的一个新特性，它可以让我们更方便地操作对象。Rest 和 Spread 操作符都是三个点（...），它们的作用分别如下：
- Rest 操作符：用于提取对象中的一部分属性，返回一个新的对象。
- Spread 操作符：用于将一个对象的属性展开到另一个对象中。
下面是一个使用 Rest 和 Spread 操作符的示例：
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- --- ------- ------- ------ ----------------- -- ----- - ----- ---- ------- - - ------- ----------------- ---- ------ -- ------- --- -- - ------- ------- ------ ----------------- - ----- --------- - - ---------- ----- ---- ----- -- ----------------------- -- ------- - ----- ------ ---- --- ------- ------- ------ ------------------ ----- ---- ----- -
在上面的代码中，我们使用了 Rest 操作符提取了对象 person 中的 name 和 age 属性，并将剩余的属性放入一个名为 rest 的新对象中。接着，我们使用 Spread 操作符将 person 对象的属性展开到一个新的对象 newPerson 中，并添加了一个新的属性 city。
Promise.prototype.finally()
Promise.prototype.finally() 是 ES9 引入的另一个新特性，它可以让我们更方便地处理 Promise 的状态。Promise 有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。Promise.prototype.finally() 方法可以在 Promise 最终的状态确定后，无论 Promise 是成功还是失败，都会执行一段代码。
下面是一个使用 Promise.prototype.finally() 的示例：
fetch('https://api.github.com/users/github')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('Fetch completed.'));在上面的代码中，我们使用 fetch() 函数获取 GitHub 用户 github 的信息，并在成功时打印出数据，在失败时打印出错误信息。最后，使用 Promise.prototype.finally() 方法打印出一条消息。
Async Iterator
Async Iterator 是 ES9 引入的另一个新特性，它可以让我们更方便地处理异步数据。Async Iterator 允许我们按照一定的顺序遍历异步数据，类似于 for...of 循环。
下面是一个使用 Async Iterator 的示例：
-- -------------------- ---- -------
----- -------- ------------ -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------ -----
-
----- -------- ---------- -
----- ----- - ----- -------------
--- ----- ------ ---- -- ------ -
------------------------
-
-
-----------在上面的代码中，我们定义了一个异步函数 fetchUsers()，用于获取 GitHub 上的用户信息。接着，定义了另一个异步函数 logUsers()，用于遍历获取到的用户信息，并打印出每个用户的登录名。使用 for await...of 循环遍历异步数据，并使用 await 关键字等待数据的返回。
总结
ES9 引入了许多实用的新特性，可以让我们更方便地操作对象、处理 Promise 和异步数据。使用这些新特性，可以使我们的代码更加简洁、高效，提高我们的开发效率。希望本文对你有所帮助，让你更好地了解 JavaScript ES9 的新特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6629cd11c9431a720c753c21