资源加载JS方法

图片资源

var imglist = [
            { "name": "birds", "src": "res/birds.png" },
            { "name": "land", "src": "res/land.png" },
            { "name": "pipe1", "src": "res/pipe1.png" },
            { "name": "pipe2", "src": "res/pipe2.png" },
            { "name": "sky", "src": "res/sky.png" }
        ];
       load(imglist,function(imgEls){
	
	})

JS方法实现

function load(source, callback) {
  var imgEls = {};
  var _length = source.length;
  for (var i = 0; i < _length; i++) {
    var name = source[i].name;
    var img = new Image();
    img.src = source[i].src;
    imgEls[name] = img;
    imgEls[name].addEventListener('load', function () {
      _length--;
      if (_length == 0)
        return callback(imgEls);
    });
  }
}

思考：加载顺序是什么?