[JavaScript知识库]Generator生成器 和 Iterator迭代器

js中的迭代器(Iterator) - 掘金?

generator - 廖雪峰的官方网站

Iterator

Iterator是一种机制，也可以说是一种接口，它为不同的数据结构提供了统一的访问机制。任何数据结构只要配置了 Iterator 接口，就可以完成遍历操作

for...of循环的背后调用的正是iteration，数组对象上有iteration属性，数组是一个可迭代对象，因此数组可以被for...of遍历

一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，这个接口就可以被for...of循环消费，从而遍历它的成员。

? ? ? ? ? ? // 迭代器 iterator : 含有next方法，返回 {value:'',done:false}

? ? ? ? ? ? // 可用 for of 进行迭代

? ? ? ? ? ? // 所有集合类型，Array,Set,Map,String 都可以迭代

? ? ? ? ? ? // Generator 生成器 ,内部 处理完一个 yield就暂停，所以可以处理异步

? ? ? ? ? ? // 生成器——>迭代对象

? ? ? ? ? ? function* getdata(){

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? yield 1

? ? ? ? ? ? ? ? yield 2

? ? ? ? ? ? }

? ? ? ? ? ? y=getdata() // 这是一个迭代器

? ? ? ? ? ? y.next() ?// {value:1,done:false}

? ? ? ? ? ? y.next() ?// {value:2,done:true}

? ? ? ? ? ? // 生成器，可以记住执行状态，利用这一点，写一个generator就可以实现需要用面向对象才能实现的功能，替代闭包的实现方式。

? ? ? ? ? ? // 另一个巨大的好处，就是把异步回调代码变成“同步”代码

可以把原来不是可迭代的数据类型变成可迭代的，这样就能支持for...of循环

            let obj={
                
                data:[{a:'1111'},{b:'2222'}],
                [Symbol.iterator]:function(){
                   let _this=this
                   let index=0
                    return {
                        next:()=>{
                           if(index<_this.data.length){
                               const res = { value : _this.data[index] , done:false }
                               index++
                               return res
                           }else{
                               const res = { value : undefined , done:true } 
                               index++
                               return res
                           }
                        }
                    }
                }
            }