ES6之iterator(迭代器)和generator(产生器)简单使用

iterator(迭代器)
iterator用于循环遍历，为for…of提供遍历接口，一切有iterator接口的数据结构都能进行for…of遍历，如数组，字符串等最基本的数据结构。在这里简单举例一个自定义的可供for…of遍历的数据结构。

/**
 * 实现iterator接口
 */

//任何具有[Symbol.iterator]的数据结构都可以依据其next返回的value和done进行for...of遍历
function iteratorObj(length){
    return {
        [Symbol.iterator]: function () {
            return {
                count: 0,
                next: function () {
                    return {
                        value: this.count++,
                        done: this.count > length
                    };
                }
            };
        }
    }
}
const obj = iteratorObj(5);
for(let i of obj){
    console.log(i);
}
let it = obj[Symbol.iterator]();
console.log(it)
console.log(obj[Symbol.iterator])

/*
0
1
2
3
4
{count: 0, next: ƒ}
ƒ () {
            return {
                count: 0,
                next: function () {
                    return {
                        value: this.count++,
                        done: this.count > length
                    };
                }
            };
        }
*/

generator(产生器)
generator在调用后产生的并不是一个普通函数或者对象，而是一个iterator，并且必须用其next方法使其从一个yield状态转移到下一个yield状态，因此想要理解generator首先要理解iterator。目前generator用于处理异步较多。我曾经见过一道面试题大意是让实现一个封装好的console.log()函数，并有要求为：使用generator实现函数myConsole对每次的console进行统计，并且在输出的时候按照格式输出，举例如下

myConsole("test1","test2");
myConsole("test3","test4");

//输出
/*
{
  index:1,
  value:"test1"
}
{
  index:2,
  value:"test2"
}
{
  index:3,
  value:"test3"
}
{
  index:4,
  value:"test4"
}
*/

我自己实现的代码如下

function* con() {
    let index = 1;
    while (index) {
        yield index++;
    }
}

let conIndex = con();
function myConsole(...args) {
    for (let i of args) {
        console.log({
            index: conIndex.next().value,
            value: i
        })
    }
}

myConsole(1,2,3);
myConsole(4,5,6);

//输出
/*
{index: 1, value: 1}
{index: 2, value: 2}
{index: 3, value: 3}
{index: 4, value: 4}
{index: 5, value: 5}
{index: 6, value: 6}
*/

暂时更新这么多，后面等学习透彻了generator的异步使用后再回来更新