ES6---迭代器和生成器

1. 迭代器

迭代器是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署了iterator接口，就可以完成遍历操作。

• ES6创造了一种新的遍历命令for…of循环
• 原生具备iterator接口的数据（可用for…of遍历）：
  Array, Arguments, Set, Map, String, TypedArray, NodeList
• 工作原理：
  （1）创建一个指针对象，指向当前数据结构的起始位置
  （2）第一次调用对象的next方法，指针自动指向数据结构的第一个成员
  （3）接下来不断调用next方法，指针一直往后移动，直到指向最后一个成员
  （4）每调用next方法返回一个包含value和done属性的zhi

const arr = ['a', 'b', 'c', 'd'];
let iterator = arr[Symbol.iterator]();
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());

迭代器应用：自定义遍历数据（面向对象）：

const bj = {
	name: 'xxx',
	status: [
		'aa',
		'bb',
		'cc',
		'dd'
	],
	[Symbol.iterator]() {
		let index = 0;
		let _this = this;
		return {
			next: function() {
				if (index < _this.status.length) {
					const result = {value: _this.status[index], done: false};
					index ++;
					return result;
				} else {
					return {value:undefined, done: true};
				}
			}
		}
	}
}
// 遍历上面对象
for(let v of bj) {
	console.log(v);  // aa  bb   cc   dd
}

2. 生成器

生成器函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。

function * gen(arg) {
	let a = yield 111;
	console.log(a); // BBB
	yield 222;
	yield 333;
}
let iterator = gen('AAA');
iterator.next()
console.log(iterator.next());
// next方法可以传入实参
console.log(iterator.next('BBB'));
console.log(iterator.next());
console.log(iterator.next());