ES9 是 JavaScript 中的一个重要版本，它为 JavaScript 带来了许多新特性和增强功能。其中一个最显著的特性就是生成器内建支持语法糖，这是一个非常有用且强大的特性，可以让我们更方便地编写异步代码。
生成器的基础知识
在深入了解生成器内建支持语法糖之前，我们需要先了解一些关于生成器的基础知识。
生成器是 JavaScript 中的一种特殊函数，它可以暂停执行并在稍后继续执行。生成器函数使用 function* 关键字定义，它通过 yield 语句来控制函数的执行流程。
下面是一个简单的生成器函数的示例：
--------- ------------- - ----- -- ----- -- ----- -- -
我们可以使用 next() 方法来迭代生成器函数，每次迭代会暂停在一个 yield 语句处，并返回一个包含 value 和 done 属性的对象。其中 value 属性表示当前 yield 语句的返回值，done 属性表示生成器函数是否已经执行完毕。
下面是一个迭代生成器函数的示例：
----- --------- - -------------- ------------------------------ -- - ------ -- ----- ----- - ------------------------------ -- - ------ -- ----- ----- - ------------------------------ -- - ------ -- ----- ----- - ------------------------------ -- - ------ ---------- ----- ---- -
生成器内建支持语法糖
在 ES9 中，生成器函数内建支持了一个新的语法糖，它可以让我们更方便地编写异步代码。这个语法糖叫做 async/await，它可以让我们像编写同步代码一样编写异步代码。
async/await 语法糖的基本用法是在生成器函数中使用 async 关键字来定义一个异步函数，然后使用 await 关键字来等待异步操作的结果。下面是一个使用 async/await 语法糖的示例：
-------- --------- - ------ --- --------------- -- ------------------- ----- - ----- -------- ----------------- - --------------------- ----- ------------ ------------------- - ------------------
在上面的示例中，我们定义了一个 delay() 函数，它返回一个延迟指定时间的 Promise 对象。然后我们定义了一个 myAsyncFunction() 异步函数，它在控制台输出 'Start'，等待 1 秒钟后输出 'End'。最后我们调用了 myAsyncFunction() 函数。
使用 async/await 语法糖可以让我们更方便地编写异步代码，避免了回调地狱的问题，让代码更加简洁和易读。
总结
ES9 中生成器内建支持语法糖是一个非常有用且强大的特性，它可以让我们更方便地编写异步代码。通过 async/await 语法糖，我们可以像编写同步代码一样编写异步代码，避免了回调地狱的问题，让代码更加简洁和易读。
在实际开发中，我们可以使用生成器和 async/await 语法糖来编写复杂的异步代码，让代码更加清晰和易于维护。下面是一个使用生成器和 async/await 语法糖编写的异步代码示例：
-------- --------- -
------ --- --------------- -- ------------------- -----
-
--------- ------------- -
---------------------
----- ------------
-------------------
-
----- -------- ----------------- -
--- ----- ------ ----- -- -------------- -
-- -- ---------
-
-
------------------在上面的示例中，我们定义了一个生成器函数 myGenerator()，它在控制台输出 'Start'，等待 1 秒钟后输出 'End'。然后我们定义了一个 myAsyncFunction() 异步函数，它使用 for await...of 循环来迭代生成器函数中的每一个 Promise 对象，并进行处理。最后我们调用了 myAsyncFunction() 函数。
通过上面的示例，我们可以看到使用生成器和 async/await 语法糖编写的异步代码非常简洁和易于理解，可以让我们更加专注于业务逻辑的实现。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d4140badd4f0e0ffc1ae26