函数调用中的“（）”是什么意思？

Question

现在，我通常使用 () 调用一个函数（不需要参数），如下所示：

myFunction(); //there's empty parens

除了 jQuery 调用，我可以逃脱：

$('#foo').bind('click', myFunction); //no parens

很好。但最近我在 SO 上看到了这条评论here：

“考虑使用setTimeout(monitor, 100); 而不是setTimeout('monitor()', 100);。Eval 是邪恶的:)”

哎呀！我们真的在这里eval()-ing 一个字符串吗？我想我并不真正理解“调用”函数的意义和含义。调用和引用函数的真正规则是什么？

Answer 1

在 JavaScript 中，函数是一流的对象。这意味着您可以将函数作为参数传递给函数，或者将它们视为一般变量。

假设我们正在讨论一个函数hello，

function hello() {
    alert('yo');
}

当我们简单地写

hello

我们指的是不执行其内容的函数。但是当我们在函数名后面加上括号()，

hello()

那么我们实际上是在调用会在屏幕上提示“yo”的函数。

jQuery 中的bind 方法接受事件类型（字符串）和函数作为其参数。在您的示例中，您将类型 - “click”和实际函数作为参数传递。

你看过《盗梦空间》吗？考虑这个人为的例子，它可能会使事情更清楚。由于函数是 JavaScript 中的一等对象，我们可以在函数内部传递和返回函数。所以让我们创建一个函数，在调用时返回一个函数，并且返回的函数在调用时也返回另一个函数。

function reality() {
    return function() {
        return function() {
            alert('in a Limbo');
        }
    };
}

这里reality是一个函数，reality()是一个函数，reality()()也是一个函数。然而reality()()() 不是一个函数，而只是undefined，因为我们没有从最里面的函数返回一个函数（我们没有返回任何东西）。

所以对于 reality 函数示例，您可以将以下任何内容传递给 jQuery 的绑定。

$('#foo').bind('click', reality);
$('#foo').bind('click', reality());
$('#foo').bind('click', reality()());

Answer 2

您的 jQuery bind 示例类似于 setTimeout(monitor, 100);，您将函数对象的引用作为参数传递。

应避免将字符串传递给 setTimeout/setInterval 方法，原因与在不必要时应避免使用 eval 和 Function 构造函数的原因相同。

作为字符串传递的代码将被评估并在全局执行上下文中运行，这可能会给您带来“范围问题”，请考虑以下示例：

// a global function
var f = function () {
  alert('global');
};

(function () {
  // a local function
  var f = function() {
    alert('local');
  };

  setTimeout('f()', 100); // will alert "global"
  setTimeout(f, 100);     // will alert "local"
})();

上例中的第一个setTimeout 调用将执行全局f 函数，因为被评估的代码无法访问匿名函数的本地词法范围。

如果您将函数对象的引用传递给 setTimeout 方法 - 就像在第二个 setTimeout 调用中一样 - 将执行您在当前范围内引用的完全相同的函数。

Answer 3

您在 jQuery 示例中所做的事情与第二个 setTimeout 示例中不同 - 在您的代码中，您正在传递函数并绑定 click 事件。

第一个setTimout例子中传入了monitor函数，可以直接调用，第二个例子中传入的是stingmonitor()，需要evaled。

当传递一个函数时，你使用函数名。调用时需要使用()。

Eval 将调用传入的内容，因此成功的函数调用需要()。

Answer 4

首先，“()”不是函数名的一部分。 它是用于进行函数调用的语法。

首先，您可以使用函数声明将函数绑定到标识符名称：

function x() {
    return "blah";
}

...或使用函数表达式：

var x = function() {
    return "blah";
};

现在，只要你想运行这个函数，你就可以使用括号：

x();

setTimeout 函数接受函数的标识符和标识符，或字符串作为第一个参数...

setTimeout(x, 1000);
setTimeout("x()", 1000);

如果你提供一个标识符，那么它将作为一个函数被调用。 如果您提供一个字符串，那么它将被评估（执行）。

首选第一种方法（提供标识符）...