js生成器迭代器

迭代器

迭代器可以理解为是一种规范，所有的对象都有next方法，
next方法的参数是对象的返回value值，
done的Boolean值判断是否继续迭代。迭代器语法也可以自己封装。

手动封装迭代器

function makeIterator(arr) {
	let nextIndex = 0
	return {
		next: () => {
			if(nextIndex < arr.length) {
				return {
					value:arr[nextIndex++],
					done:false
				}					
			}
			else  {
					return {
						done:true
					}
				}
		}
	}
}

let it = makeIterator(['吃饭','睡哦','打豆豆'])
console.log('first',it.next().value)
console.log('second',it.next().value)
console.log('third',it.next().value)
console.log('first',it.next().value)

node运行

生成器

function关键字后的星号( * )来表示，函数中会用到新的关键字yield
生成器的出现简化了迭代器，return 手动封装的过程

var obj = {
    *createIterator( arr ){
        for( var i = 0, len = arr.length; i < len; i++ ) {
            yield arr[i];
        }
    }
};
var iterator = obj.createIterator( [ 10, 20, 30 ] );
console.log( iterator.next() ); // { done : false, value : 10 }
console.log( iterator.next() ); // { done : false, value : 20 }
console.log( iterator.next() ); // { done : false, value : 30 }
console.log( iterator.next() ); // { done : true, value : undefined }