Javascript设计模式-10-迭代器模式

xiaoxiao2021-02-28  116

Javascript设计模式 - 10 - 迭代器模式

简介

提供一种方法,顺序访问一个聚合对象中各个元素,而又不需要暴露该方法中的内部表示,迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素

作用

为遍历不同的集合结构提供一个统一的接口,从而支持同样的算法在不同的集合结构上进行操作

解决问题

将复杂的对象进行封装,对外提供简单的使用方法,使用者不需要知道如何组织数据,就可以单纯的获取数据并进行下一步处理

内部迭代器和外部迭代器

1. 内部迭代器

它完全接手整个迭代过程,外部只需要一次初始调用

内部迭代器在调用的时候非常方便,外界不用关心迭代器内部的实现,跟迭代器交互也仅仅是一次初始调用,但这也刚好是内部迭代器的缺点,迭代规则被提前规定,无法定制化

var each = function (ary, callback) { for (var i = 0; i < ary.length; i++) { callback.call(ary[i], i, ary[i]); } } // 内部迭代器,仅需调用一次 each([1, 23, 33], function(index, el) { console.log(index, el); });

2. 外部迭代器

外部迭代器必须显示的请求迭代下一个元素

外部迭代器增加了一些调用的复杂度,但相对也增加了迭代器的灵活性,我们可以手工控制迭代的过程或者顺序,能够满足更多变的需求

function Iterator (obj) { var current = 0; var len = length in obj && obj.length || 0; this.hasNext = function () { return current < len; } this.next = function () { return obj[current++]; } this.reset = function () { current = 0; } } var obj = { '0': 'tedst', '1': 't22222st', '2': 'te222s', length: 3 }; var arr = [11, 22, 33]; var o = new Iterator(obj); while (o.hasNext()) { console.log(o.next()); } o.reset(); console.log(o.next());

文章列表

javascript设计模式 – 设计原则JavaScript设计模式–高阶函数Javascript 设计模式 - 01 - 原型模式Javascript 设计模式 - 02 - 单例模式Javascript 设计模式 - 03 - 建造者模式Javascript 设计模式 - 04 - 工厂模式Javascript 设计模式 - 05 - 外观模式Javascript 设计模式 - 06 - 代理模式Javascript 设计模式 - 07 - 观察者模式(发布订阅模式)Javascript 设计模式 - 08 - 策略模式Javascript 设计模式 - 09 - 命令模式Javascript 设计模式 - 10 - 迭代器模式Javascript 设计模式 - 11 - 职责链模式Javascript 设计模式 - 12 - 适配器模式Javascript 设计模式 - 13 - 模板方法Javascript 设计模式 - 14 - 组合模式Javascript 设计模式 - 15 - 享元模式Javascript 设计模式 - 16 - 中介者模式Javascript 设计模式 - 17 - 装饰者模式Javascript 设计模式 - 18 - 状态模式
转载请注明原文地址: https://www.6miu.com/read-63784.html

最新回复(0)