带参数的javascript匿名函数调用

Question

谁能解释一下匿名函数调用中的参数e。我无法理解匿名函数如何接受参数(下面代码的第二行)。此代码取自 DropZone。

 updateProgress = (function(_this) {
    return function(e) {
      var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results;
      if (e != null) {
        progress = 100 * e.loaded / e.total;
        for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
          file = files[_j];
          file.upload = {
            progress: progress,
            total: e.total,
            bytesSent: e.loaded
          };
        }
      } else {
        allFilesFinished = true;
        progress = 100;
        for (_k = 0, _len2 = files.length; _k < _len2; _k++) {
          file = files[_k];
          if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) {
            allFilesFinished = false;
          }
          file.upload.progress = progress;
          file.upload.bytesSent = file.upload.total;
        }
        if (allFilesFinished) {
          return;
        }
      }
      _results = [];
      for (_l = 0, _len3 = files.length; _l < _len3; _l++) {
        file = files[_l];
        _results.push(_this.emit("uploadprogress", file, progress, file.upload.bytesSent));
      }
      return _results;
    };
  })(this);

这是它分配给 onprogress 的方式

 progressObj = (_ref = xhr.upload) != null ? _ref : xhr;
  progressObj.onprogress = updateProgress;

然后它被称为

    updateProgress();

Answer 1

函数表达式只是用来创建作用域的。从 IIFE 返回的函数(立即调用的函数表达式)被分配给 updateProgress 变量，因此最终结果基本上就像您有一个带有参数的常规函数​​:

function updateProgress(e) {
  var allFilesFinished, ...
  ...
  return _results;
}

当 updateProgress 用作事件处理程序时，它将以事件对象作为第一个参数被调用。这最终出现在 e 参数中。

在没有值的情况下调用时，参数 e 获得值 undefined。这使得代码执行 else 部分，即显示进度为 100%。