Generator函数简单实例

Generator函数是es6中举足轻重的一部分,影响了我们对异步函数的同步化,迭代器等知识点的认知和理解.
其中关于对迭代器的理解:
什么是迭代器,请你就关于迭代器的理解聊一聊.
这也是很多面试官很爱问的一道题,有经验的人能就这个问题与面试官侃侃而谈两三个小时,要学的还是很多,以下举最简单的一个实例

//声明 用于生成迭代器对象
function* example(){    //function后要加*
let a = "hello"    //可用let声明
yield a ;  //yield只能出现在generator函数中
yield "world";    //用yield表达值 用next调用
return "end"
}
//调用
let b = example();   //调用example的值赋予b 此刻b为迭代器对象 我们通过generator函数声明了迭代器对象
console.log(b.next());  //{value:"hello",done:false} done为false 因为还有结果
console.log(b.next());   //每当使用next才能调用yield的值 不用next值拿不到  {value:"world",done:false}
console.log(b.next());  //  {value:"end",done:true}

结果如下

第二个实例

//将对象obj转换为可迭代对象 此为加length方法
let obj = {"0":"tom","1":"jerry","2":"lucy",length:3}  //模拟数据 建对象
obj[Symbol.iterator] = [][Symbol.iterator]
for(let o of obj){  
//用for of 遍历迭代器和可迭代对象
console.log(o);
}

结果如下

不加length第一种

//将对象obj转换为可迭代对象 此为不加length的方法
let obj = {"0":"tom","1":"jerry","2":"lucy"}  //模拟数据 建对象
//generator的匿名函数产生迭代器对象
obj[Symbol.iterator] = function* (){
//完成迭代obj的工作
yield "tom";
yield "jerry";
yield "lucy"
}
let a = obj[Synbol.iterator]().next()
console.log(a); // {value:"tom",done:false} 但这样就把代码写死了 接下来写活我们再来试一试

不加length第二种

//将对象obj转换为可迭代对象 此为不加length的方法 写活
let obj = {"0":"tom","1":"jerry","2":"lucy"}  //模拟数据 建对象
//generator的匿名函数产生迭代器对象
obj[Symbol.iterator] = function* (){
//完成迭代obj的工作
for(let key in this){
let val = this[key];
yield [key,val];
}
}
let itorator = obj[Symbol.iterator]();
console.log(itorator.next());
console.log(itorator.next());
console.log(itorator.next());
console.log(itorator.next());
//严谨度较差 

结果如下