带有参数的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 ) 被调用。

像泥一样干净，对吧？