Javascript - 无法理解函数括号

Question

我很困惑如何调用函数。有时它们以functionName() 格式给出，有时只是名称functionName。

例如在 HTML 中，当我们调用 onclick="functionName()" 但在 Javascript 中我们只是将函数 functionName 作为参数传递给另一个函数。 setTimeout(functionName, 1000);

这是书中的一个例子，假设我们必须传递一个带有参数的回调函数。

var mySetTimeout = function(callback, delay){
  var dollars = 100;
  callback(dollars);
};
var onCompletion = function(dollars,name){
  console.log(name + ": Here's your $" + dollars);
};
var getMoney = function (name) {
  var requestB = mySetTimeout(function(dollars){
    onCompletion(dollars,name);
  }, 1000);
};
getMoney('Simon');

在 mySetTimeout 函数中，我们将回调作为参数传递，但其中没有任何内容。但稍后在 mySetTimeout 函数中，我们将使用参数传递回调函数。

谁能解释一下所有的情况？谢谢！

Answer 1

你需要了解一些关于回调函数、匿名函数等的知识才能得到这个想法。在 JS 中使用匿名函数是很常见的。

我会尽量以最简单的方式向您解释。在您的代码中，在第一行：参考我的评论。

var mySetTimeout = function(callback, delay){ // Note 01
  var dollars = 100;
  callback(dollars); // Note 02
};

注意01：这里，回调只不过是一个字符串参数。它不是一个函数，而是一个函数名。您告诉您要运行一个名为“回调”的函数并传递该名称。然后，您只需调用 callback() 即可运行该函数，其中“回调”是您在上面传递给该函数的参数。

注意 02： 在这里，您实际上使用上面定义的名称运行了一个函数。

在这行代码中，

  var requestB = mySetTimeout(function(dollars){
    onCompletion(dollars,name);
  }, 1000);

您可以看到，您已经定义了函数本身，而不是“回调”字符串参数，因为在“mySetTimeout”函数内部，它将第一个参数作为函数运行。

所以基本上，你可以做如下相同的事情：

var myCallbackFunction = function(dollars){
    onCompletion(dollars,name);
  };

var requestB = mySetTimeout(myCallbackFunction, 1000);

现在您看到第一个参数包含一个函数，当在“mySetTimeout”函数中调用该函数时，您上面定义的函数将实际运行。基本上，我试图解释你可以在一个变量中保存一个函数。这就是匿名函数 / lambda 函数的目的。

我试图以最简单的方式向您解释这一点。希望这可以帮助。谷歌“JavaScript 匿名函数”，你会学到很多东西。

Answer 2

mySetimeout 函数有两种使用方式：

语法：

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);

或

var timeoutID = window.setTimeout(code, delay);

希望这会有所帮助:)