迭代器与生成器

迭代器

const xiyou=['唐僧','孙悟空','猪八戒','沙僧'];
//使用for...of遍历
for(let v of xiyou){
    console.log(v);//输出唐僧 孙悟空...保存的是键值，而for...in保存的是键名0 1 2 3
}
工作原理
	1.创建一个指针对象，指向当前数据结构的起始位置
    2.第一次调用对象的next方法，指针自动指向数据结构的第一个成员
    3.接下来不选调用next方法，指针一直往后移动，直到指向最后一个成员
    4.每调用next方法返回一个包含value和done属性的对象
注：需要自定义遍历数据的时候，要想到迭代器

迭代器的应用

const banji ={
    name:"高一一班"，
    stu:[
    	'xiaoming',
    	'xiaohong',
    	'xiaotian',
    	'knight'
    ],
}
for(let v of banji){
    console.log(v);  //banji is not iterable
}
//自定义迭代器
const banji ={
    name:"高一一班"，
    stu:[
    	'xiaoming',
    	'xiaohong',
    	'xiaotian',
    	'knight'
    ],
    [Symbol.iterator](){
        let index=0;
        let _this=this;
        return {
            next:function(){
                if(index<_this.stu.length){
                    const result ={value:_this.stu[index],done:false};
                    index++;
                    return result;
                }else{
                    return {value:undefined,done:true};
                }
            }
        }
    }
}
for(let v of banji){
    console.log(v);  
}

生成器

生成器其实就是一个特殊的函数

异步编程 纯回调函数 node fs ajax mongodb

function *gen(){
    //console.log(111);
    yield '一只没有耳朵'；
    //console.log(222);
    yield '一只没有尾巴';
    //console.log(333);
    yield '真奇怪';
    //console.log(444);
}
let iterator = gen();
iterator.next();
iterator.next();
iterator.next();
iterator.next();
//调四次输出111 222 333 444

//遍历
for(let v of gen()){
    console.log(v); //一只没有耳朵 一只没有尾巴 真奇怪
}

生成器函数的参数

function * gen(arg){
    console.log(arg);
    let one = yield 111;
    console.log(one);
    let two = yield 222;
    console.log(two);
    let three = yield 333;
    console.log(three);
}
//执行获取迭代器对象
let iterator=gen('AAA');
console.log(iterator.next());
//next方法可以传入实参
//第n次调作为第n-1个yield语句的返回结果
console.log(iterator.next('BBB'));
console.log(iterator.next('CCC'));
console.log(iterator.next('DDD'));

生成器函数实例1

异步编程 文件操作 网络操作(ajax,request) 数据库操作

1s 后输出111 2s后输出 222 3s后输出333

回调地狱

setTimeout(() =>{
    console.log(111);
    setTimeout(()=>{
        console.log(222);
        setTimeout(()=>{
            console.log(333)
        },3000);
    },2000);
},1000);

function one(){
    setTimeout(()=>{
        console.log(111);
    },1000)
    iterator(next);
    
}
function two(){
    setTimeout(()=>{
        console.log(222);
    },2000)
    iterator(next);
}
function three(){
    setTimeout(()=>{
        console.log(333);
    },3000)
    iterator(next);
}

function * gen(){
    yield one();
    yield two();
    yield three();
}
let iterator = gen();
iterator.next();

生成器函数实例2

模拟获取 用户数据 订单数据 商品数据

function getUsers(){
    setTimeout(()=>{
        let data='用户数据'；
        //调用next方法，并且将数据传入
        iterator.next(data);
    }，1000)；
}
function getOrders(){
    setTimeout(()=>{
        let data='订单数据';
        iterator.next(data);
    }，1000)；
}
function getGoods(){
    setTimeout(()=>{
        let data='商品数据';
        iterator.next(data);
    },1000)
}
function * gen(){
    let users = yield getUsers();
    console.log(users);
    let orders = yield getOrders();
    console.log(orders);
    let goods = yield getGoods(); 
    console.log(goods);
}

let itrator = gen();
iterator.next();