JavaScript : passing a function as an argument

Question

如果图像加载失败，我想加载默认图像。我也想打电话图像加载后，使用 getLoadComplete() 方法。如何将 this.getLoadComplete() 函数传递到 img.onerror 上调用的函数中？

这是我得到的代码:

    img.onload = this.getLoadComplete();

    img.onerror = function(){
        img.src = "http://xxxx.com/image.gif";
     }

     img.src = request.url;

Answer 1

img.onload = this.getLoadComplete();

您立即调用 getLoadComplete()，并将其返回值分配给 img.onload。您可能想要这个:

img.onload = this.getLoadComplete;

也就是说，将 img.onload 设置为函数本身，而不是其返回值。

您不需要在onerror中执行任何特殊操作； onload 处理程序将仍然设置为 getLoadComplete，并且当您修改 onerror 中的 src 时 处理程序，它将在加载后备图像后调用 onload。