ECMAScript 2017 中的遍历器 Generator 的用法及实现原理
Generator 是 ECMAScript 2017 中引入的一种新的函数类型，它可以生成遍历器对象，实现了一种基于迭代器的协议，可以用来遍历数据结构。Generator 函数是一个状态机，封装了多个内部状态，每次调用函数都可以返回一个值，并且会记录上一次的调用结果，实现了函数的暂停和恢复，这在异步编程中非常有用。
Generator 函数的定义方式如下：
function* gen() {
yield 'hello';
yield 'world';
return 'done';
}Generator 函数使用 function* 来定义，函数体内部使用 yield 关键字来定义遍历器的返回值，return 语句表示结束遍历器的迭代。
Generator 函数的使用示例：
let it = gen();
console.log(it.next()); // { value: 'hello', done: false }
console.log(it.next()); // { value: 'world', done: false }
console.log(it.next()); // { value: 'done', done: true }使用 gen() 函数定义了一个迭代器对象 it，使用 it.next() 方法依次返回遍历器对象中的值，当遍历器对象迭代到最后一个时，返回的值为 { value: 'done', done: true } 表示结束遍历器的迭代，done 为 true。
Generator 函数的实现原理：
Generator 函数的实现原理是利用了函数内部的状态机机制，即遇到 yield 关键字时，函数会暂停执行，并将 yield 后面的表达式作为返回值返回，同时保存运行状态，等待再次调用 next 方法时继续执行，并且在执行到 return 语句时，直接结束遍历器的迭代。
实现一个简单的 Generator 函数的示例：
-- -------------------- ---- ------- --------- ----------------- - --------------------- ----- -- ---------------------- ----- -- ------------------- ------ -- - --- -------- - ------------------ ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ -- ----- ---- -
以上 simpleGenerator 函数定义了一个可以生成遍历器对象的 Generator 函数，打印了了 start/middle/end 三个状态，并依次 yield 1 和 2，最后用 return 结束迭代器的迭代，生成遍历器对象并依次调用 simpleIt.next() 进行遍历，输出结果 { value: 1, done: false } / { value: 2, done: false } / { value: 3, done: true }。
Generator 函数的作用：
Generator 函数在异步编程中非常有用，可以实现异步流程的控制，可以解决回调地狱等问题，可以方便地生成状态机，简化编码。
在实际项目中，我们常常需要用到异步编程，其中包括了异步请求、异步处理等操作，都需要使用 Generator 函数来实现控制流管理，提高代码的可维护性和可读性。
总结：
以上内容是关于 ECMAScript 2017 中的遍历器 Generator 的用法及实现原理的详细介绍，包含了 Generator 函数的定义方式、使用示例、实现原理、作用等内容。通过对本文的学习，我们可以更好地掌握 Generator 函数的使用方法，并且可以更好地在实际项目中应用 Generator 函数进行异步编程，提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6502aebd95b1f8cacdfe9cc4