ES9 中的异步迭代和 generator 函数，你了解吗？
ES9 是 ECMAScript 的第九个版本，也是 JavaScript 的最新版本之一。其中，异步迭代和 generator 函数是其中比较重要的特性之一。这两个特性可以让前端开发者更加方便地处理异步操作，提高代码的可读性和可维护性。本文将会详细介绍这两个特性的使用方法和注意事项。
一、异步迭代
在 ES9 中，异步迭代是通过引入新的对象 AsyncIterator 来实现的。AsyncIterator 是一个异步迭代器，它是一个对象，其中包含了一个异步的 next() 方法，该方法返回一个 Promise 对象。当 Promise 对象 resolve 时，它会返回一个包含 value 和 done 两个属性的对象，其中 value 表示当前迭代器所指向的值，done 表示是否已经到达了迭代器的末尾。
下面是一个简单的示例代码：
// javascriptcn.com 代码示例
const asyncIterable = {
[Symbol.asyncIterator]() {
let i = 0;
return {
async next() {
if (i < 3) {
return { value: i++, done: false };
}
return { done: true };
}
};
}
};
(async function() {
for await (const num of asyncIterable) {
console.log(num);
}
})();在这个示例代码中，我们定义了一个 asyncIterable 对象，它包含了一个异步的 next() 方法。然后，我们使用 for await...of 循环来遍历这个对象。在每次迭代中，我们都会等待 Promise 对象 resolve，然后将结果赋值给 num 变量，并输出到控制台中。
二、Generator 函数
Generator 函数是一种特殊的函数，它可以暂停执行，并在需要的时候恢复执行。在 ES9 中，Generator 函数可以使用 async 和 await 来处理异步操作。我们可以使用 yield 关键字来暂停函数的执行，并返回一个值。当下一次调用 next() 方法时，函数会从 yield 的位置继续执行。
下面是一个简单的示例代码：
// javascriptcn.com 代码示例
function* generator() {
yield 1;
yield 2;
yield 3;
}
(async function() {
for await (const num of generator()) {
console.log(num);
}
})();在这个示例代码中，我们定义了一个 generator 函数，它包含了三个 yield 语句。然后，我们使用 for await...of 循环来遍历这个函数。在每次迭代中，我们都会等待 Promise 对象 resolve，然后将结果赋值给 num 变量，并输出到控制台中。
三、总结
ES9 中的异步迭代和 generator 函数是非常有用的特性，它们可以让我们更加方便地处理异步操作，并提高代码的可读性和可维护性。在使用这些特性时，我们需要注意以下几点：
异步迭代和 Generator 函数都需要使用 async 和 await 来处理异步操作。
在使用 for await...of 循环时，需要等待 Promise 对象 resolve，才能进行下一次迭代。
在使用 yield 关键字时，需要将函数定义为 Generator 函数，并使用 next() 方法来控制函数的执行。
希望本文对你了解 ES9 中的异步迭代和 Generator 函数有所帮助，同时也希望你能够在实践中加深对这些特性的理解和应用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65816d9ed2f5e1655dca5715