它是一个自动执行的匿名函数。第一组括号包含要执行的表达式，第二组括号执行这些表达式。

(function () {
    return ( 10 + 20 );
})();

Peter Michaux在《一对重要的圆括号》中讨论了两者的区别。

当试图从父名称空间隐藏变量时，它是一个有用的构造。函数中的所有代码都包含在函数的私有作用域中，这意味着它根本不能从函数外部访问，这使得它真正是私有的。

See:

闭合(计算机科学) JavaScript命名空间 Javascript中重要的一对括号

在函数定义之后删除分号。

(function (msg){alert(msg)})
('SO');

以上应该可以工作。

DEMO页面:https://jsfiddle.net/e7ooeq6m/

我在这篇文章中讨论了这种模式:

jQuery和$ questions

编辑:

如果查看ECMA脚本规范，可以使用3种方式定义函数。(第98页，第13节函数定义)

1. 使用函数构造函数

var sum = new Function('a','b', 'return a + b;');
alert(sum(10, 20)); //alerts 30

2. Using Function声明。

function sum(a, b)
{
    return a + b;
}

alert(sum(10, 10)); //Alerts 20;

3.函数表达式

var sum = function(a, b) { return a + b; }

alert(sum(5, 5)); // alerts 10

你可能会问，声明和表达式有什么区别?

来自ECMA脚本规范:

FunctionDeclaration: 函数标识符(FormalParameterListopt){函数体 ｝ FunctionExpression: function Identifieropt (FormalParameterListopt){FunctionBody ｝

如果你注意到，'identifier'对于函数表达式是可选的。当你不给出标识符时，你创建了一个匿名函数。这并不意味着您不能指定标识符。

这意味着以下是有效的。

var sum = function mySum(a, b) { return a + b; }

需要注意的重要一点是，您只能在mySum函数体内部使用'mySum'，而不能在函数体外部使用。请看下面的例子:

var test1 = function test2() { alert(typeof test2); }

alert(typeof(test2)); //alerts 'undefined', surprise! 

test1(); //alerts 'function' because test2 is a function.

现场演示

将其与

 function test1() { alert(typeof test1) };

 alert(typeof test1); //alerts 'function'

 test1(); //alerts 'function'

---

有了这些知识，让我们试着分析您的代码。

当你有这样的代码，

    function(msg) { alert(msg); }

您创建了一个函数表达式。你可以用圆括号来执行这个函数表达式。

    (function(msg) { alert(msg); })('SO'); //alerts SO.

它被称为自调用函数。

当你调用(function(){})时，你所做的是返回一个函数对象。当您将()追加到它时，它将被调用，并执行主体中的任何内容。的;表示语句的结束，这就是第二次调用失败的原因。

IIFE简单地划分了函数并隐藏了msg变量，以便不“污染”全局名称空间。事实上，只要保持简单，就像下面这样做，除非你正在建立一个十亿美元的网站。

var msg = "later dude";
window.onunload = function(msg){
  alert( msg );
};

你可以使用一个显示模块模式来命名你的msg属性，比如:

var myScript = (function() {
    var pub = {};
    //myscript.msg
    pub.msg = "later dude";
    window.onunload = function(msg) {
        alert(msg);
    };
    //API
    return pub;
}());

我对提问者问题的理解是:

这个魔法是如何起作用的:

(function(){}) ('input')   // Used in his example

我可能错了。然而，人们熟悉的通常做法是:

(function(){}('input') )

原因是JavaScript括号AKA()不能包含语句，当解析器遇到function关键字时，它知道将其解析为函数表达式而不是函数声明。

来源:博客文章立即调用函数表达式(IIFE)

我感到困惑的一件事是“()”是分组操作符。

这是你声明的基本函数。

例1:

var message = 'SO';

function foo(msg) {
    alert(msg);
}

foo(message);

函数是对象，可以分组。我们在函数周围加上括号。

例2:

var message = 'SO';

function foo(msg) {  //declares foo
    alert(msg);
}

(foo)(message);     // calls foo

现在，我们不用声明并立即调用相同的函数，而是可以在调用时使用基本替换来声明它。

例3。

var message = 'SO';

(function foo(msg) {
    alert(msg);
})(message);          // declares & calls foo

最后，我们不需要额外的foo，因为我们没有使用名称来调用它!函数可以是匿名的。

例4。

var message = 'SO';

(function (msg) {   // remove unnecessary reference to foo
    alert(msg);
})(message);

要回答您的问题，请参考示例2。第一行声明了一些无名函数并对其进行分组，但不调用它。第二行对字符串进行分组。两者都不做任何事。(文森特的第一个例子。)

(function (msg){alert(msg)});  
('SO');                       // nothing.

(foo); 
(msg); //Still nothing.

But

(foo)
(msg); //works