Javascript 自执行应该可以工作吗？

Question

我有这段代码：

function (i)
{
    alert(i);
}(3);

它不起作用，所以在 StackOverFlow 问题之后 - 我将其更改为：

 (function(i){ alert(i); })(3); 

它起作用了。

我必须()包装所有代码。

但是后来我在其他网站上看到了这段代码：

function addLinks () {
    for (var i=0, link; i<5; i++) {
        link = document.createElement("a");
        link.innerHTML = "Link " + i;
        link.onclick = function (num) {
            return function () {
                alert(num);
            };
        }(i); // <=== What about this ? there is no () wrapper... so how does it work ?
        document.body.appendChild(link);
    }
}
window.onload = addLinks;

我想问(i)部分的作用是什么？ 它正在执行某些事情吗？

如果它确实如此，为什么它不采用以下模式：

(function(i){alert(i); })(3);

我的意思是其中是包装器() ?

Answer 1

编译器需要区分函数声明语句和函数定义表达式。您只能在表达式中调用函数。

当关键字function出现在'='或'('之后之后，编译器知道这一定是一个函数定义表达式（因为“=”或“(”之后只允许表达式而不是语句）并允许您立即调用它。当关键字函数开始< /strong> 一个新语句，编译器假定它是一个函数声明语句，因此您不能立即调用该函数。

请注意，函数声明语句要求您命名该函数，这允许您稍后调用它。函数定义表达式中的函数名称（您可以立即调用它们）。

关键

粗体字体均由 OP 制作：这些粗体字是理解的

this is the most logical Explanation after a lot of tests.

。

所有 .com/imetan/edit#javascript,html" rel="nofollow">http://jsbin.com/imetan/edit#javascript,html

Answer 2

(i) 部分将 i 的值作为参数传递给声明为 onclick事件处理程序，仅此而已。它并没有真正“做”任何事情。

抱歉，我纠正了。(i) 正在执行传递 i 的函数代码> 作为参数。这导致 onclick 实际上是这样的函数：

function (num) {
    alert(num);
};

如果您尝试像这样从函数中访问变量 i ，您总是会得到它的最终值，在本例中为 5。