ES9 最重要的三个新功能：异步生成器、Promise.prototype.finally() 和 Rest/Spread 操作符

ES9（也称为 ECMAScript 2018）是 JavaScript 语言的最新版本，在这个版本中，有许多新功能。在本文中，我们将会介绍 ES9 中最重要的三个新功能：异步生成器、Promise.prototype.finally() 和 Rest/Spread 操作符。这些新功能不仅可以让我们的代码更加简洁和可读性更高，而且也使我们能够更加方便地处理异步任务。

异步生成器

异步生成器是一种在异步环境下使用生成器的方式。在 JavaScript 中，生成器是一种可以让我们在函数内部进行“暂停”和“继续”操作的函数类型。而异步生成器则是一个使用 async/await 语法的生成器，它可以在异步编程中更加方便地进行迭代。

异步生成器的定义方式和普通的生成器非常相似：

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

在上面的代码中，我们定义了一个异步生成器，该生成器会在每次迭代之间暂停一秒钟。我们可以使用 for-await-of 语句来迭代异步生成器：

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

在上面的代码中，我们使用 for-await-of 循环来迭代异步生成器，并在每次迭代中打印生成器的值。输出结果为：

-
-
-
-
-

异步生成器是一种非常有用的异步编程工具，可以让我们更加方便地使用生成器进行异步迭代操作。

Promise.prototype.finally()

Promise.prototype.finally() 是 Promise 函数的一个新方法，用于在 Promise 的 resolve 或 reject 后执行一些操作。它接受一个回调函数作为参数，当 Promise 函数执行结束后，该回调函数会被执行。

例如，我们可以使用 Promise.prototype.finally() 来打印 Promise 的执行结果：

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

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

在上面的代码中，我们使用 Promise.prototype.finally() 方法来打印 Promise 的执行结果。不论 Promise 函数的结果是 resolve 或 reject，回调函数始终会被执行。输出结果为：

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

Promise.prototype.finally() 的回调函数不接受任何参数，它的返回值不会影响 Promise 的状态。它只是为 Promise 函数的执行结果添加一些附加操作。

Rest/Spread 操作符

Rest/Spread 操作符允许我们将多个参数解构为一个数组或对象，并将数组或对象展开为多个参数。在 ES6 中，我们已经见过了这些操作符的使用，但在 ES9 中，它们得到了进一步的完善和扩展。

Rest 操作符

Rest 操作符（也称为剩余操作符）允许我们将一个函数的多个参数或一个数组的多个元素解构为一个数组。它的语法是三个点（...）符号，后面跟着一个变量名。例如：

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

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

在上面的代码中，我们定义了一个函数 sum，它使用 Rest 操作符将所有参数解构为一个数组，并使用 reduce 函数计算它们的总和。我们可以将任意数量的参数传递给 sum 函数，它都会返回它们的总和。

Spread 操作符

Spread 操作符（也称为展开操作符）允许我们将一个数组或对象展开为一个函数的多个参数或一个数组的多个元素。它的语法也是三个点（...）符号，但是它被放置在数组或对象的前面。例如：

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

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

在上面的代码中，我们使用 Spread 操作符将数组 numbers 展开为 console.log 函数的多个参数，并将对象 object 展开为一个新的对象 copy。在展开对象时，我们可以使用 Spread 操作符来添加新的属性，或者使用它来替换旧的属性。

总结

ES9 中的三个新功能：异步生成器、Promise.prototype.finally() 和 Rest/Spread 操作符，可以让我们的代码更加简洁和可读性更高，并且也使我们能够更加方便地处理异步任务。我们可以使用异步生成器来迭代异步任务，使用 Promise.prototype.finally() 来为 Promise 函数添加附加操作，使用 Rest/Spread 操作符来将多个参数或数组展开为多个值。它们是 ES9 中非常实用和有用的特性，我们应该尽可能地使用它们来改进我们的代码。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/664c4422d3423812e4b13881