学习设计模式——迭代器模式

学习设计模式——迭代器模式

迭代器模式：提供一种方法顺序访问一个聚合对象的各个元素，而又不暴露其内部的表示

数组迭代器

var eachArray = function(arr, fn) {
  if(Object.prototype.toString.call(arr) !== '[object Array]') {
    throw TypeError(arr + 'is not a array')
  }
  for(var i = 0, len = arr.length; i < len; i++) {
    // 有点不明白为什么要这样判断，其中一个元素迭代出错就终止？
    // call 改变 this指向遍历中的元素，第一个参数是索引，第二个参数是元素值
    if(fn.call(arr[i], i, arr[i]) === false) {
      break;
    }
  }
}

测试

// 创建一个数组
for(var arr = [], i = 0; i < 5; arr[i++] = i);

eachArray(arr, function(index, item){
  console.log(index, item)
})
//结果
// 0 1
// 1 2
// 2 3
// 3 4
// 4 5

对象迭代器

var eachObject = function(obj, fn) {
  for(var i in obj) {
    if(fn.call(obj[i], i, obj[i]) === false) {
      break;
    }
  }
}

测试

var obj = {
  a: 12,
  b: 23,
  c: 45
}

eachObject(obj, function(index, item) {
	console.log(index, item)
})
// 结果
// a 12
// b 23
// c 45

同步变量迭代器

分支循环嵌套问题

TODO

小结

---

迭代器的原理就是把一个可迭代对象包装成一个方法，供外部使用，而又不暴露其内部的表示，内部使用 for 遍历。

数组的高阶方法 forEach map filtter reduce some every 的实现原理都是使用迭代器模式