随着 JavaScript 语言的不断发展和升级，越来越多的功能被添加到语言中，以便更好地满足开发者的需求。其中，在 ECMAScript 2017 (ES8) 中，两种新的特性变得非常流行，它们分别是 async 和 Generator 方法。这两种方法都能很好地处理异步编程，但是它们的实现方式非常不同。本文将深入探讨这两种方法，并比较它们的优缺点。
Async 和 Generator 的定义
Async 和 Generator 方法都是 ECMAScript 2017 (ES8) 的新增功能，它们可以解决异步编程中的问题。但这两种方法的定义和用法是有区别的。
Async 方法
Async 方法是 ES8 中的新功能之一，它允许在函数中使用 await 关键字，以便等待异步操作完成。在使用 Async 方法时，可以使用 try-catch 语句来捕获异步操作中的错误。
以下是 Async 方法的示例代码：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
-------------------
-
-上述代码中的 getData() 函数使用 await 关键字等待从 GitHub API 中获取用户数据。如果操作成功，数据将被转换为 JSON 格式，并且将被打印到控制台中。如果操作失败，错误将被捕获并打印到控制台中。
Generator 方法
Generator 方法也是 ES8 中的一个新功能，它使用 function* 语法定义，其中包含一个或多个 yield 语句。这些 yield 语句旨在暂停函数的执行，并将执行权交给调用方。在调用方再次调用函数时，Generator 方法将从暂停的位置继续执行。
以下是 Generator 方法的示例代码：
-- -------------------- ---- -------
--------- ------- -
--- - - --
----- ------ -
----- ----
-
-
----- ------- - --------
---------------------------------- -- -
---------------------------------- -- -
---------------------------------- -- -上述代码中的 count() 函数是一个 Generator 方法，它包含一个无限循环，并在每次循环时向调用方返回递增的计数器。当 count() 函数被调用时，它返回一个迭代器对象。通过调用 next() 方法，可以依次获取每个计数器的值。
Async 和 Generator 的比较
虽然 Async 和 Generator 方法都提供了一种解决异步编程困境的方式，但它们的实现方法、使用场景以及操作方式都有所不同。下面我们将分别探讨这些方面的区别。
实现方式
Async 方法使用 await 关键字来等待异步任务完成，而 Generator 方法使用 yield 关键字来暂停当前函数的执行。从实现方式来看，Async 方法看起来更加直观和易于理解。Generator 方法则需要更多的代码来实现相同的异步任务，并且其运行原理可能更难以理解。
使用场景
这两种方法在不同的使用场景中都具有独特的优势。
Async 方法适用于需要等待异步操作的函数。例如，一个调用 API 的函数就是一个很好的候选者。如果该 API 需要阻塞调用方的代码直到结果返回，那么使用 Async 方法会使代码更加干净、明确和可读性。
Generator 方法更适用于需要多次产生结果的函数。例如，在处理大型数据集或无限序列时，Generator 方法可以提供一个非常简单的方法来产生这些结果。通过使用 yield 关键字，函数可以暂停执行并向调用方返回一个特定的值，而不必将所有结果完全返回或在内存中缓存。
操作方式
Async 和 Generator 方法在操作上也有所不同。
在使用 Async 方法时，可以使用 try-catch 语句来捕获异步操作中的错误，并使用 await 关键字等待异步操作完成。
在使用 Generator 方法时，可以通过 next() 方法来逐个获取生成器函数的每个返回值。在调用 next() 时，函数将在上次暂停的位置继续执行，并返回下一个 yield 语句的值。如果没有更多的 yield 语句，函数将返回一个 undefined 值。
结论
在 ECMAScript 2017 (ES8) 中，Async 和 Generator 方法是非常强大的工具，可以帮助开发人员更好地处理异步编程。虽然这两种方法的实现方式和操作方式有所不同，但它们都可以提供一种简单、直观和可读的方式来解决异步编程的难题。对于不同的使用场景，您应该根据编写的代码来选择适当的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6714f10dad1e889fe21650ad