WEB前端教程：揭开迭代器神秘的面纱

学会给不可迭代对象编写迭代器，让它也变成可迭代对象

为什么需要迭代器

在 ECMAScript较早的版本中，执行迭代必须使用循环或者其他辅助结构，随着代码增加，代码变得混乱难以理解。很多语言通过原生语言结构解决了这个问题，开发者无须实现知道如何迭代就能实现迭代操作。这个解决方案就是迭代器模式,迭代器的主要目标是消除循环的复杂性和容易出错的性质。

接下来我们来看看各个 JavaScript 中各个迭代机制的不足之处

迭代协议

在实现迭代器之前，我们需要学习迭代协议，迭代协议是可迭代对象在实现接口时需要遵循的一组规则。

自定义迭代器

学习了迭代协议，我们就可以编写属于自己的迭代器

请你练习显示地调用迭代器,给你一个对象数组 foodList 数据。

实现点击下一种食物，就调用迭代器的 next () 方法，得到食物名称和图片，将图片显示在类名为 foodContainer 的 p 标签中

    <button>下一种食物</button>
    <p class="foodContainer"></p>

    let foodList = [
        {chocolate:'

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

长按或扫描下方二维码，免费获取 Python公开课和大佬打包整理的几百G的学习资料，内容包含但不限于Python电子书、教程、项目接单、源码等等

0 条评论