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

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

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

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

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

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

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

综上所述:

function() {
  alert("hello");
}();

当未赋值给变量时，将产生语法错误。代码被解析为函数语句(或定义)，这使得闭括号在语法上不正确。在函数部分周围添加圆括号告诉解释器(和程序员)这是一个函数表达式(或调用)，如

(function() {
  alert("hello");
})();

这是一个自调用函数，这意味着它是匿名创建的并立即运行，因为调用发生在声明它的同一行中。这个自调用函数使用熟悉的语法指示为调用无参数函数，在函数名周围加上括号:(myFunction)();。

有一个很好的SO JavaScript函数语法讨论。

匿名函数不是名称为“”的函数。它只是一个没有名字的函数。

与JavaScript中的其他值一样，函数不需要创建名称。不过，像绑定其他值一样，将它实际绑定到名称上要有用得多。

但是像任何其他值一样，您有时希望使用它时不将其绑定到名称。这就是自我调用模式。

这是一个函数和一个数字，没有界限，它们什么都不做，永远不能被使用:

function(){ alert("plop"); }
2;

所以我们必须将它们存储在一个变量中才能使用它们，就像任何其他值一样:

var f = function(){ alert("plop"); }
var n = 2;

你也可以使用synatic sugar将函数绑定到一个变量:

function f(){ alert("plop"); }
var n = 2;

但是如果不需要命名它们，并且会导致更多的混乱和更低的可读性，那么您可以立即使用它们。

(function(){ alert("plop"); })(); // will display "plop"
alert(2 + 3); // will display 5

在这里，我的函数和数字没有绑定到一个变量，但它们仍然可以使用。

这样说，看起来自调用函数没有真正的价值。但您必须记住，JavaScript范围分隔符是函数而不是块({})。

因此，自调用函数实际上与c++、c#或Java块具有相同的含义。这意味着在内部创建的变量不会“泄漏”到作用域之外。为了不污染全局作用域，这在JavaScript中非常有用。

JavaScript函数还有一个属性。如果你想递归调用同一个匿名函数。

(function forInternalOnly(){

  //you can use forInternalOnly to call this anonymous function
  /// forInternalOnly can be used inside function only, like
  var result = forInternalOnly();
})();

//this will not work
forInternalOnly();// no such a method exist

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;
}());

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

这是你声明的基本函数。

例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