第一种情况：最后arr是我想要的结果，包含所有obj[key];

function foo(obj){
    var arr = [];
    for(key in obj){
    var img = new Image();
    img.src = obj[key];            
    arr.push(img);
    }
        
    console.log(arr);
}

第二种情况，为什么最后arr是空的？怎样才可以达到和第一种情况一样的效果？

function foo(obj){
    var arr = [];
    for(key in obj){
       var img = new Image();
       img.src = obj[key];            
       addEvent(img, 'load', function(){//图片加载完后才添加进去
              arr.push(this);
       })
    }
        
    console.log(arr);
}

function foo(obj){
  var arr = [];
  for(key in obj){
    var img = new Image();
    img.src = obj[key];   
    addEvent(img, 'load', function(){//图片加载完后才添加进去
      arr.push(this);
      if(arr.length==obj.length){
        console.log(arr);
      }
    })
  }
}

------解决方案--------------------
探讨

第二种情况，addEvent里面的闭包不是可以维持其父作用域的某些局部变量的么？怎么就不行了？