相关疑难解决方法(0)

摘要

你能解释一下JavaScript中封装的匿名函数语法背后的原因吗？为什么这样做:(function(){})();但这不是:function(){}();？

我知道的

在JavaScript中,可以创建一个这样的命名函数:

function twoPlusTwo(){
    alert(2 + 2);
}
twoPlusTwo();

您还可以创建匿名函数并将其分配给变量:

var twoPlusTwo = function(){
    alert(2 + 2);
};
twoPlusTwo();

您可以通过创建匿名函数来封装代码块,然后将其包装在括号中并立即执行:

(function(){
    alert(2 + 2);
})();

这在创建模块化脚本时非常有用,可以避免使当前作用域或全局作用域混乱,并且可能存在冲突的变量 - 例如Greasemonkey脚本,jQuery插件等.

现在,我理解为什么会这样.括号包含内容并仅公开结果(我确定有更好的方法来描述),例如with (2 + 2) === 4.

我不明白

但我不明白为什么这也不起作用:

function(){
    alert(2 + 2);
}();

你能解释一下吗？

可能重复:
"(function(){})()"和"(function(){}())"在JavaScript中功能相同吗？

这是我还没有想到的东西,但是我一直在使用function(){}(),因为我添加了括号后我的VIM语法突出显示,虽然我已经看过(function(){}) ()很多次,也许它是一个IE的东西？

编辑:

var singleton = function() {
    // code
}();

var singleton = (function() {
    // code
})();

在查看Twitter Bootstrap Javascript中编写的一些代码时,看起来他们正在调用立即调用的匿名函数,如下所示:

!function( $ ) {

     ...

}(window.jQuery || window.ender);

我传统上看到过这样的事情:

(function($) {

    ...

})(window.jQuery || window.ender);

第一种方式似乎有点hacky,我不确定这样做是否有任何好处或理由,而不是第二种方式？ 请注意,我理解它是如何工作的,我希望了解为什么他们选择这种方式来做到这一点.