javascript - javascript 中的匿名函数和空返回对象

Question

下面是一个将图片预加载到页面上的函数的源代码，作者添加了一些注释来解释代码的工作原理，但我仍然没有完全理解它。具体来说，他声称该函数的返回值是一个空对象，带有调用预定义匿名函数“postaction()”的“done()”方法。此代码的用户是否应该将他/她自己的代码输入到第 2 行的空后操作函数中？如果这是它的工作原理，那么返回对象中的“postaction=f || postaction”是做什么的？

源代码:

function preloadimages(arr){
  var newimages=[], loadedimages=0
  var postaction=function(){}
  var arr=(typeof arr!="object")? [arr] : arr
  function imageloadpost(){
      loadedimages++
      if (loadedimages==arr.length){
          postaction(newimages) //call postaction and pass in newimages array as parameter
      }
  }
  for (var i=0; i<arr.length; i++){
      newimages[i]=new Image()
      newimages[i].src=arr[i]
      newimages[i].onload=function(){
          imageloadpost()
      }
      newimages[i].onerror=function(){
        imageloadpost()
      }
  }
  return { //return blank object with done() method
      done:function(f){
          postaction=f || postaction 
          //remember user defined callback functions to be  called when images load
    }
  }
}

作者页面链接:http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml

Answer 1

您可以输入自己的 postaction 函数，尽管它不是您可能期望的回调函数。

但是，它返回一个对象，其中包含一个 done 函数。

如果你这样做。喜欢

 preloadimages().done(function () {
     console.log('done')
 });

你的功能将被执行。如果你不提供 fnction 作为 done 的参数，默认的 postaction 将被调用并且什么都不做，因为它是一个空函数