深入理解JavaScript设计模式：迭代器模式详解

迭代器模式概述

本节主要介绍迭代器模式的基本概念与应用背景。

迭代器模式（Iterator）的核心定义是：提供一种机制，用于按顺序访问聚合对象中的各个元素，同时隐藏该对象的内部表示细节。

该模式具备以下几个显著特点：

1. 访问聚合对象内容时，无需暴露其内部数据结构。2. 为遍历不同集合结构提供统一接口，使得相同算法可应用于不同的集合类型。3. 需注意，在遍历过程中直接修改迭代器所在的集合结构可能引发问题（例如C#的foreach中不允许修改item）。

JavaScript基础实现

接下来进入正文部分，探讨具体实现。

一个标准的迭代器至少需要包含两个核心方法：hasNext()和next()，以此确保能够完整遍历所有对象。下面通过一个具体示例进行说明：

var agg = (function () {
var index = 0,
data = [1, 2, 3, 4, 5],
length = data.length;
return {
 next: function () {
 var element;
 if (!this.hasNext()) {
 return null;
 }
 element = data[index];
 index = index + 2;
 return element;
 },
hasNext: function () {
 return index < length;
 },
rewind: function () {
 index = 0;
 },
current: function () {
 return data[index];
 }
    };
} ());

其使用方式与C#中的迭代器用法类似，具体操作如下：

// 迭代的结果是：1,3,5
while (agg.hasNext()) {
console.log(agg.next());
}

此外，还可以通过额外提供的方法重置数据状态，从而继续执行其他操作：

// 重置
agg.rewind();
console.log(agg.current()); // 1

jQuery中的迭代器应用

下面以jQuery为例，展示迭代器的实际应用。

jQuery中一个广为人知的迭代器实现是$.each方法。通过该方法，我们可以传入回调函数，从而对所有item项执行迭代操作，例如：

$.each(['dudu', 'dudu', '酸奶小妹', '那个MM'], function (index, value) {
console.log(index + ': ' + value);
});
//或者
$('li').each(function (index) {
console.log(index + ': ' + $(this).text());
});

总结

最后对迭代器模式进行总结。

迭代器的典型使用场景是：当集合内部结构频繁变化，且我们希望避免暴露其内部结构，同时要求客户代码能够透明地访问其中元素时，采用迭代器模式是合适的选择。