如何缩短此图像加载过程？

Question

此代码为javascript应用程序加载图片：

var sampleImage = new Image();
sampleImage.ready = false;
sampleImage.onload = setAssetReady;
sampleImage.src = IMAGE_FILE;

function setAssetReady(){
this.ready = true;
}

我想找出一种方法，使每个使用的图像不使用四行代码。

我使用了答案建议的这种方式（除非我做错了）：

var sampleImage = new Image();
sampleImage = loadTheImage(imageFile);

function loadTheImage(imageFile){
this.ready = false;
this.onload = setAssetReady;
this.src = imageFile;
}

function setAssetReady(){
this.ready = true;
}

图像未成功加载，并且在代码中不同位置的if语句中对sampleImage.ready进行了评估时，返回了一条错误消息：

无法读取未定义的属性“就绪”

再说一次，我要对许多图像执行此过程，所以我只希望为每行写一两行代码，而不是原来的四行。 或者，如果您建议进行其他任何处理。

Answer 1

function loadTheImage(imageFile){
    sampleImage.ready = false;
    sampleImage.onload = setAssetReady;
    sampleImage.src = imageFile;
};
function setAssetReady(){
    this.ready = true;
};

然后只需为每个图像调用loadTheImage 。