js canvas画图的两个问题

Question

第一个问题：

把图片加载进CANVAS后，再把canvas加载进JSON,为什么source.B可以用，source.A不可以用？下面是代码

function load_source(url,w,h){    this.canvas = document.createElement('canvas');  
  this.canvas.width = w;    this.canvas.height = h;    this.ctx = this.canvas.getContext('2d');   
   this.img = new Image();    this.img.src = url;        this.img.onload = function () {            
   this.ctx.drawImage(this.img,0,0);
        }.bind(this);    return this.canvas;
}
source.A = load_source('images/player/build1.png',1024,1024);
source.B = load_source('images/player/map1.png',500,500);

第二个问题：

function preImage(url,callback,getarray){  
    var img = new Image(); //创建一个Image对象，实现图片的预下载  
    img.src = url;  
    if (img.complete)        callback(img,getarray); 
    else{
        img.onload = function () { 
            callback(img,getarray);
        }
    }
}

for循环调用上面为什么不按顺序执行呢？和第一个没关系