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的异步使用后再回来更新
