0
点赞
收藏
分享

微信扫一扫

Generator生成器 和 Iterator迭代器

哈哈我是你爹呀 2022-03-11 阅读 49

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
                           }
                        }
                    }
                }
            }
举报

相关推荐

0 条评论