迭代器模式,内部和外部迭代器举例(设计模式与开发实践 P7)

文章目录

迭代器模式

定义:提供一种方法 顺序访问 聚合元素中的各个元素,而不需要暴露对象的内部表示

迭代器模式可以把迭代的过程从业务逻辑中分离出来

实现

我们可以使用 JavaScript 实现一个最简化的 迭代器 模型

javascript 复制代码
var each = function (arr, callback) {
  for (var i = 0; i < arr.length; i++) {
    callback(arr[i]);
  }
};

each([1, 2, 3], function (i) {
  console.log(i + 10);
});

内部迭代器

上面就是一个内部迭代器,迭代规则在内部定义,迭代器完全接手数据迭代,只需要调用一次就可以完成迭代

外部迭代器

外部迭代器必须 显式请求 迭代下一个元素,增加了调用的复杂度和灵活性

外部迭代器通过实现 Iterator 类帮助进行聚合元素的迭代

javascript 复制代码
var Iterator = function (obj) {
  var current = 0; // 内部指针
  var next = function () {
    // 遍历下一个
    current += 1;
  };
  var isDone = function () {
    // 判断是否遍历完毕
    return current >= obj.length;
  };
  var getCurrItem = function () {
    // 返回当前元素
    return obj[current];
  };
  return {
    next: next,
    isDone: isDone,
    getCurrItem: getCurrItem,
  };
};

var list = [1, 2, 3];
var iterator = Iterator(list); // 获取迭代器
while (!iterator.isDone()) {
  console.log(iterator.getCurrItem() + 10); // 输出当前值 + 10
  iterator.next(); // 迭代下一个
}

迭代 - 类数组 & 字面量对象

迭代器模式还可以迭代 arguments、字典 之类的对象

中止迭代器

通过判断 callback == true / false 来执行 break 中止迭代器也是有效的

相关推荐
avi911138 分钟前
[AI教做人]AI平台做2项目;一个3D模型展示,另一个框架多人
javascript·人工智能·ai·3d模型·3d引擎·顶点和法线
kyriewen1 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
用户938515635072 小时前
手写一个 LLM Harness 框架:用工程化手段把大模型幻觉踩在脚下
javascript·人工智能·后端
油丶酸萝卜别吃2 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery
windliang2 小时前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试
柒和远方3 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript
汉堡大王95274 小时前
Vue 3 + TS + Element Plus 实战:如何从零搭建企业级违章记录管理 SaaS 前端
前端·javascript·vue.js
海天鹰4 小时前
屏幕颜色检测
javascript·html5
用户7917286761974 小时前
opencode-plugin-peers完全指南:OpenCode如何实现 Claude Code式跨会话消息
javascript
andr_gale7 小时前
02_uniapp自定义上凸效果的底部TabBar
前端·javascript·uni-app·移动端