JavaScript迭代器模式

迭代器模式

1.1 迭代器模式定义

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

现在许多语言都有内置的迭代器实现，许多历览器也支持JavaScript的Array.prototype.forEach方法。

1.2 jQuery中的迭代器

$.each([1,2,3], (i, n) => {
    console.log(i, n) // i表示当前的下标，n表示当前的值
})

1.3 实现自己的迭代器

let each = function (arr, cb) {
  for (let i = 0; i < arr.length; i++) {
    cb.call(arr[i], i, arr[i])
  }
}
each([1,2,3], function (i, n) {
  console.log(i, n)
})

2 内部迭代器和外部迭代器

２.１内部迭代器

内部迭代器的迭代规则已经被提前规定好的。

2.2 外部迭代器

外部迭代器必须显示的请求下一个迭代元素，外部迭代器增加了调用的复杂度，页增加了迭代器的灵活性，我们可以手动控制迭代的过程或顺序。

3 迭代数组与及字面量对象

迭代器不仅可以迭代数组还可以迭代一些类数组的对象，比如arguments。无论使内部迭代器还是外部迭代器，只要迭代对象拥有length属性，并且可以通过下标访问那他就可以被迭代。

4 倒序迭代

5 中止迭代

6 迭代器模式举例