循环在函数调用时结束

Question

我正在写我认为是一些非常常规的javascript。但是我遇到了一个似乎无法解决的问题。我循环遍历一个数组，当它到达被调用函数的点时，循环就会中断。如果我取出该功能，则循环运行完成。我似乎无法弄明白。

for (i=0;i<response.items.length;i++) {
    console.log("cover: ", decodeURIComponent(response.items[i].coverPhotoPath));                                              
    previewAlbum(decodeURIComponent(response.items[i].coverPhotoPath));
}

被调用函数的代码是......

function previewAlbum(file) {
    console.log("preview", file);
    var galleryId = "photo";
    var gallery = document.getElementById(galleryId);
    var img = document.createElement("img");

    img.style.cssText = 'width:200px;height:200px;';
    img.src = file;
    gallery.appendChild(img);

    // Using FileReader to display the image content
    var reader = new FileReader();
    reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
    reader.readAsDataURL(file);

}

每段代码都依赖于它。但是当放在一起时，循环中断了。有什么想法吗？