JavaScript 中的函数有两种类型——声明和表达式。

这是两者的区别：

1. 函数声明被提升。这意味着您可以在函数出现在程序中之前调用它，因为 JavaScript 中的声明被提升。
2. 可以立即调用函数表达式。函数声明不能​​。这是因为表达式表达（或返回值）。函数表达式表达一个函数。

一个函数声明的例子：

foo("bar");

function foo(bar) {
    alert("foo" + bar);
}

上面的程序会工作，因为它foo是一个函数声明。

foo("bar"); // throws an error, foo is undefined - not a function

var foo = function (bar) {
    alert("foo" + bar);
};

上面的程序不会像foo声明为 那样工作undefined，提升然后分配函数表达式的值。因此，这是undefined它被调用的时候。

函数表达式示例：

(function (bar) {
    alert("foo" + bar);
}("bar"));

上面的函数将被立即调用，因为它是一个函数表达式。

function (bar) {
    alert("foo" + bar);
}("bar"); // throws an error, can't call undefined

上面的函数不会被立即调用，因为它是一个函数声明。请记住，声明不表达（或返回值）。所以这就像试图undefined作为一个函数调用。

函数如何变成表达式？

如果在需要表达式的上下文中使用函数，则将其视为表达式。否则，它被视为声明。

在以下情况下需要表达式：

1. 您正在为变量赋值（即identifier = expression）。
2. 括号内（即( expression )）。
3. 作为运算符的操作数（即operator expression）。

因此以下都是函数表达式：

var foo = function () {};
(function () {});
~function () {};

其他一切都是函数声明。简而言之，如果你的函数前面没有任何东西，那就是一个声明。

请参阅此代码：https : //github.com/aaditmshah/codemirror-repl/blob/master/scripts/index.js#L94

以下函数isExpression用于测试任意 JavaScript 代码是否为表达式：

function isExpression(code) {
    if (/^\s*function\s/.test(code)) return false;

    try {
        Function("return " + code);
        return true;
    } catch (error) {
        return false;
    }
}

希望这能消除您心中的任何疑问。

简而言之：

1. 函数表达式表达或返回一个值（在本例中为函数）。因此它可以被立即调用，但不能在它出现在程序中之前被调用。
2. 函数声明被提升。因此它可以在它出现在程序中之前被调用。但是，由于它不表示任何值，因此不能立即调用。

在当前上下文中，解释器没有区别。通常编写module的首选方法是用括号包裹函数：

var person = (function () {
    // Private
    var name = "Robert";
    return {
        getName : function () {
            return name;
        }
    };
}());

那是因为语法更清晰，显然您希望在声明后立即调用该函数。还有一个原因是：

(function () {
    //some stuff
}());

会工作，但

function () {
    //some stuff
}();

这不会。

通过在每次使用通用编码风格时包装函数，这通常是一件好事:-)。

不同的是在写的时候：

var foo = (function () {
          ...
}());

使用（多余但有用的）分组()是一种常见的编码风格，从很像第一行可以清楚地看出，右侧很可能是一个立即调用的函数表达式 (IIFE)。然而，在第二个：

var foo = function () {
          ...
}();

直到你阅读最后一行，它才变得明显，这可能是相当多的行。直到你到达最后一行，你可能认为你正在阅读一个简单的作业：

var foo = function () {
          ...
};

请注意，括号也可以用于普通赋值：

var foo = (function () {
          ...
});

但在那种情况下，它们确实是多余的（并且可能由于将它们用于 IIFE 的惯例而产生误导）。

请参阅一对重要的括号。