可迭代对象，迭代器iterator，生成器generator

陳Emily

已于 2022-10-19 11:23:29 修改

阅读量62

点赞数

文章标签： javascript

于 2022-10-18 14:43:23 首次发布

本文链接：https://blog.csdn.net/weixin_45418495/article/details/127373752

版权

这篇博客深入探讨了JavaScript中的迭代器和生成器。迭代器简化了遍历数组或其他可迭代对象的过程，其next()方法返回当前值和状态。生成器则进一步简化了迭代器的创建，允许使用yield语句在函数内部暂停和恢复执行。示例代码展示了如何使用迭代器和生成器遍历数组并观察其工作原理。

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

var colors = ['pink','red','blue'];
for(var i = 0;i++;i<=colors.length){
console.log(colors[i]);
}

----- 为什么使用迭代器？

通过变量i追踪数组colors的索引，虽然简单，但是多个循环执行追踪多个索引就增加难度，所以iterator出现解决这个问题。

------什么是迭代器？

是特殊对象，具有next（）方法，每次调用返回结果对象：两个属性：value（下一个要返回的值），done（bullean），每调用一次next（）方法，都返回下一个可用的值。

-------没有下一个值？

"{value：undefined , done：true}"

--------创建实例

//迭代器源码实现

        function createIterator(items) {
            var i = 0; 
            return {
                next() {
                    var done = (i >= items.length);
                    var value = !done ? items[i] : undefined;
                    i++; //思考一下i++在next（）里面
                    return {
                        done, value
                    }
                }
            }
        }

        var iterator = createIterator([1,2,3]);
        console.log(iterator.next());
        console.log(iterator.next());
        console.log(iterator.next());
        console.log(iterator.next());

--------什么是生成器？

让创建迭代器对象的过程变得简单.

通过function关键字后的*表示，函数中会用到yield。

*可以紧挨function，也可以在中间添加空格。

 //生成器
        function *createIterator(){
            yield 66;
            yield 29;
            yield 3;
        } 
        var iterator = createIterator();
        console.log(iterator.next());
        console.log(iterator.next());
        console.log(iterator.next());