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

内部迭代器和外部迭代器

迭代器可以分为内部迭代器和外部迭代器，它们有各自的适用场景。这一节我们将分别讨论 这两种迭代器

内部迭代器

内部迭代器在调用的时候非常方便，外界不用关心迭代器内部的实现，跟迭代器的交互也仅 仅是一次初始调用，但这也刚好是内部迭代器的缺点。由于内部迭代器的迭代规则已经被提前规 定，上面的 each 函数就无法同时迭代 2 个数组了。
比如现在有个需求，要判断 2 个数组里元素的值是否完全相等， 如果不改写 each 函数本身 的代码，我们能够入手的地方似乎只剩下 each 的回调函数了，代码如下：

  1. var compare = function(ary1,ary2){
  2.     if(ary1.length !== ary2.length){
  3.       throw new Error ( 'ary1 和 ary2 不相等' ); 
  4.   }
  5.   each( ary1, function( i, n ){
  6.        if ( n !== ary2[ i ] ){
  7.            throw new Error ( 'ary1 和 ary2 不相等' );
  8.       }
  9.   });
  10.    alert ( 'ary1 和 ary2 相等' ); 
  11. }
  12. compare( [ 1, 2, 3 ], [ 1, 2, 4 ] ); // throw new Error ( 'ary1 和 ary2 不相等' );

外部迭代器

外部迭代器必须显式地请求迭代下一个元素。 外部迭代器增加了一些调用的复杂度，但相对也增强了迭代器的灵活性，我们可以手工控制 迭代的过程或者顺序。

  1. var Iterator = function(obj){
  2.     var current = 0;
  3.   var next = function(){
  4.       current +=1;
  5.   }
  6.   var isDone = function(){
  7.       return current > obj.length;
  8.   }
  9.   var getCurrentItem = function(){
  10.       return obj[current]
  11.   }
  13.   return {
  14.       next:next,
  15.     isDone:isDone,
  16.     getCurrentItem:getCurrentItem
  17.   }
  18. }
  20. // 改写compare 函数
  21. var compare = function(iterator1,iterator2){
  22.     while(!iterator1.isDone() && !iterator2.isDone()){
  23.       if(iterator1.getCurrentItem() !== iterator2.getCurrentItem()){
  24.         throw new Error ( 'iterator1 和 iterator2 不相等' ); 
  25.     }
  26.     iterator1.next();
  27.     iterator2.next();
  28.   }
  29. }
  30. var iterator1 = Interator([1,2,3])
  31. var iterator2 = Interator([1,2,3])
  33. compare(iterator1,iterator2)

外部迭代器虽然调用方式相对复杂，但它的适用面更广，也能满足更多变的需求。内部迭代 器和外部迭代器在实际生产中没有优劣之分，究竟使用哪个要根据需求场景而定。

思考

图片上传可以用不同的方法，在不同的浏览器环境下，选择的上传方式是不一样的。因为使用浏览器的上传控件进行上传 速度快，可以暂停和续传，所以我们首先会优先使用控件上传。如果浏览器没有安装上传控件， 则使用 Flash 上传， 如果连 Flash 也没安装，那就只好使用浏览器原生的表单上传了。

我们把每种获取 upload 对象的方法都封装在各自的函数里，然后使用一个迭代器， 迭代获取这些 upload 对象，直到获取到一个可用的为止：

  1. var getActiveUploadObj = function(){
  2.  try{
  3.  return new ActiveXObject( "TXFTNActiveX.FTNUpload" ); // IE 上传控件
  4.  }catch(e){
  5.  return false;
  6.  }
  7. };
  8. var getFlashUploadObj = function(){
  9.  if ( supportFlash() ){ // supportFlash 函数未提供
  10.  var str = '<object type="application/x-shockwave-flash"></object>';
  11.  return $( str ).appendTo( $('body') );
  12.  }
  13.  return false;
  14. };
  15. var getFormUpladObj = function(){
  16.  var str = '<input name="file" type="file" class="ui-file"/>'; // 表单上传
  17.  return $( str ).appendTo( $('body') );
  18. };

在 getActiveUploadObj、getFlashUploadObj、getFormUpladObj 这 3 个函数中都有同一个约定： 如果该函数里面的 upload 对象是可用的，则让函数返回该对象，反之返回 false，提示迭代器继 续往后面进行迭代。
所以我们的迭代器只需进行下面这几步工作。
提供一个可以被迭代的方法，使得 getActiveUploadObj，getFlashUploadObj 以及 getFlashUploadObj 依照优先级被循环迭代。  如果正在被迭代的函数返回一个对象，则表示找到了正确的 upload 对象，反之如果该函 数返回 false，则让迭代器继续工作。

  1. var iteratorUploadObj = function(){
  2.  for ( var i = 0, fn; fn = arguments[ i++ ]; ){
  3.  var uploadObj = fn();
  4.  if ( uploadObj !== false ){
  5.  return uploadObj;
  6.  }
  7.  }
  8. };
  9. var uploadObj = iteratorUploadObj( getActiveUploadObj, getFlashUploadObj, getFormUpladObj );

似乎类似与职责链，职责链是用Chain对象的next方法，这里直接通过遍历实现。