带有参数的Javascript函数有一个函数吗？

Question

请向我解释一下这是如何工作的。我是 Nodejs 新手，他们设置代码的方式对我来说非常复杂，无法正确理解..

我把我不理解的代码分成小片段。您可以在下面找到完整的代码。

callback(function() {
  results.push(Array.prototype.slice.call(arguments));
  next();
});

我不明白上面的代码片段。看来这个匿名函数成为了系列匿名函数的下一个参数？匿名函数参数中的代码会执行吗？

function(next) { async(1, next); }

哪个会先执行？异步函数在系列函数中执行还是下一个参数执行？

这里我附上了完整的代码:

function series(callbacks, last) {
  var results = [];
  function next() {
    var callback = callbacks.shift();
    if(callback) {
      callback(function() {
        results.push(Array.prototype.slice.call(arguments));
        next();
      });
    } else {
      last(results);
    }
  }
  next();
}

function async(arg, callback) {
  var delay = Math.floor(Math.random() * 5 + 1) * 100;
  console.log('async with \''+arg+'\', return in '+delay+' ms');
  setTimeout(function() {
    callback(arg*2);
  }, delay);
}

function final(results) {
  console.log('Done', results);
}

series([
  function(next) { async(1, next); },
  function(next) { async(2, next); },
  function(next) { async(3, next); },
  function(next) { async(4, next); },
  function(next) { async(5, next); },
  function(next) { async(6, next); }
], final);

Answer 1

首先，要知道在 JavaScript 中，函数可以作为参数传递给其他函数。这与传递从另一个函数返回的值非常不同。举这个简单的例子:

function A() {
    alert("In A"); 
}

function B(fn) {
    alert("In B");
    fn(); 
}

B(A);   // alerts "In B", then "In A".

B(A()); // alerts "In A", then "In B", 
        // (then errors because the return value from A is undefined, 
        // and thus cannot be invoked.)

因此，要从头到尾遵循您的代码示例，其流程如下...

1. series是一个函数，它采用一组函数 ( callbacks ) 和一个函数 ( last ) 作为参数。它首先被调用。

2. series内，一个名为 next 的函数已定义(不要与名为 next 的每个回调函数的参数混淆)。函数next被调用。

3. next内，一个名为 callback 的变量被定义为。它的值是callbacks中的函数之一。依次排列。该函数存储在callback中使用匿名函数调用变量。

4. callback内，async函数被调用。步骤 3 中的相同匿名函数被传递到 async 。现在称为next ，但这与next没有太大关系。 series 中定义的函数.

5. async内，完成一些计算并最终调用匿名函数(通过 setTimeout )。它的名字叫callback async内功能。

6. 在匿名函数中，一些值被推送到 results数组，和 next被调用。这是next series 中定义的函数.

7. 重复步骤 3 到 6，直到 callbacks 内的所有函数都已完成。已经被调用，然后参数last中的函数( final ) 被调用。

像泥土一样清澈，对吗？