javascript - 试图了解语法在回调函数中的工作原理

Question

我正在学习回调函数，但我对以下两个函数的语法感到困惑。它们都给出相同的结果，但是用不同的语法编写，但是，为什么第一个不需要“返回结果”而第二个需要呢？是因为“callback(result)”已经返回了函数，不需要返回了吗？但是对于第二个merge函数，因为回调是在"array1[i],array2[i]"上，所以需要返回结果？

如果我的理解不正确，请指正。谢谢。

var merge = function(array1, array2, callback){  
  var result = [];
  for (var i = 0; i < array1.length; i++) {
   result[i] = array1[i] + array2[i];
  };
callback(result) 
};

var x=merge([1, 2, 3, 4], [5, 6, 7, 8], function(merged) {console.log(merged)});

---

 var merge = function(array1, array2, callback) {
  var result = [];

  for (i=0; i < array1.length; i++) {
    result[i] = callback(array1[i], array2[i]);   
  }
  return result;
};

var x = merge([1, 2, 3, 4], [5, 6, 7, 8], function(a, b){  
  return a + b;
});
console.log(x);

Answer 1

简化这两段代码会有所帮助。让我们考虑两种不同的(非常人为的)“制作”和使用字符串“hello”的方式。

您的第一个示例(或多或少)等同于以下内容:

function makeHello(callback) {
  callback("hello");
}

makeHello(function (str) {
 alert(str) // callback consumes the value produced by the function
});

我们有一个生成值的函数，并通过将其传递给回调函数使该值可供使用。这主要用于值异步生成且无法从函数返回的情况。

您的第一个示例，merge 函数包含连接两个数组的逻辑(在本例中为 + 运算符)，并自行生成完全合并的结果。然后，它通过回调函数使您可以使用该值。

---

您的第二个示例将回调用于完全不同的目的；它的回调参与帮助产生最终值:

function makeHello(callback) {
  return callback() // callback produces the value we need to return
}

alert(makeHello(function () {
  // callback isn't *consuming* the result, its helping to *produce* the result
  return "hello"
}));

生成后，该函数通过简单地返回值来传达值。同样，这是唯一可能的，因为值(value)是以同步方式产生的。

在您的第二个示例中，merge 函数实际上不知道如何合并两个数组。您的回调负责执行此操作； merge 函数只知道如何找到正确的对并将它们传递到回调中。