可迭代接口的实现

七彩冰淇淋与藕汤

已于 2022-04-03 16:47:52 修改

阅读量225

点赞数

分类专栏： JavaScript高级文章标签：迭代器

于 2022-04-03 16:47:26 首次发布

本文链接：https://blog.csdn.net/qq_36582776/article/details/123939836

版权

JavaScript高级专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文解析了JavaScript中next()函数的工作原理，并通过实例展示了如何使用class Counter实现一个简单的计数器迭代器。重点讲解了[Symbol.iterator]方法和其实现，适合初学者理解迭代器机制。

摘要由CSDN通过智能技术生成

1.next()函数，返回done和value

2. [Symbol.iterator]：迭代器工厂函数

3.[Symbol.iterator]()，打印 arr[[Symbol.iterator]()] 的值如下：

class Counter{
    constructor(limit){
        this.limit=limit
    }
    [Symbol.iterator](){
        let count=1,
            limit=this.limit
        return {
            next(){
                if(count<=limit){
                    return {done:false,value:count++}
                }
                else{
                    return {done:true,value:undefined}
                }
            }
        }
    }
}

let counter=new Counter(3)
for(let i of counter){console.log(i)}