立即调用的简单 JavaScript 函数不起作用...为什么？

Question

任何人都可以解释为什么这有效：

var sayHello = function (name) {
   alert("Hello there " + name + "!");
}("Mike");

虽然这不起作用：

function sayHello (name) {
   alert("Hello there " + name + "!");
}("Mike");

Mike Peat

Answer 1

这里您需要了解的是 Javascript 中的 FunctionExpression 和 FunctionDeclaration 之间的区别。

当您用括号 -

(function sayHello (name) {
   alert("Hello there " + name + "!");
})("Mike");

- 括住函数时，从技术上讲，您可以对其应用分组运算符。一旦应用，整体产生式就不再是一个FunctionDeclarataion，而是一个FunctionExpression。比较 -

function foo(){ } // FunctionDeclaration

(function foo(){ }); // FunctionExpresson
typeof function(){ }; // FunctionExpression
new function(){ }; // FunctionExpression

FunctionExpression（与FunctionDeclaration相反），就像任何其他MemberExpresson一样可以附加参数（“（ " 和 ")") 并将导致函数调用。这正是在第一个示例中调用函数而不是在第二个示例中调用函数的原因。

请注意，FunctionExpression 允许具有可选的标识符（与 FunctionDeclaration 必须始终有一个相反），因此您可以轻松省略“ sayHello”并最终得到所谓的匿名函数表达式 -

(function(){
  alert('...');
});

您可以查看我关于命名函数表达式的文章，它更详细地探讨了函数表达式和函数声明之间差异的微妙细节。

Answer 2

你的第二个代码实际上是：

function sayHello (name) {
   alert("Hello there " + name + "!");
}

("Mike");

所以你首先声明函数“sayHello”，然后执行“语句”：

("Mike");

它什么也不做。

Answer 3

这将起作用：

    (function sayHello (name) {
        alert("Hello there " + name + "!");
     })("Mike");

注意包裹函数本身的括号。您还可以删除函数名称“sayHello”，它仍然可以工作。至于为什么？我不积极。也许通过将其分配给变量而不使用包装 ()，您实际上将其分配给 sayHello，然后在 say hello 上执行，而不是在匿名函数上执行。

Answer 4

var sayHello = function (name) {
   alert("Hello there " + name + "!");
}("Mike");

这将创建一个匿名函数并立即使用“Mike”参数调用它。
然后该函数调用的返回值被分配给变量sayHello。

function sayHello (name) {
   alert("Hello there " + name + "!");
}("Mike");

这只是定义了一个名为 sayHello 的普通函数，并且函数语句在结束 } 后结束。
然后是（“Mike”）语句，该语句有效，但不执行任何操作。

Answer 5

在调用它之前将函数定义包围在 () 中：

(function sayHello(name) {
   alert("Hello there " + name + "!");
})("Mike");

// however -- 
alert(typeof sayHello);  // undefined

因此，如果您想做类似的事情 - 您不妨将其设为匿名函数：

(function(name) {
   alert("Hello there " + name + "!");
})("Mike");

而且我不确定它是必需的 - 但是为了安全 - 每当我使用这样的闭包时，我总是将其包装在 () 中

Answer 6

编辑是因为我的答案错误地阅读了原始帖子：

由于您的函数不再被分配为 lambda 函数到某个值，因此之后使用 (“Mike”) 调用该函数将不起作用，因为没有值可以调用该调用。正如其他人建议的那样，用括号括起来以创建临时变量仍然可以让您调用匿名函数：

(function sayHello (name) {
   alert("Hello there " + name + "!");
})('Mike');