简而言之
摘要
以最简单的形式，该技术旨在将代码包装在函数范围内。
它有助于减少以下情况的机会：
- 与其他应用程序/库冲突
- 污染优越（全球最有可能）的范围
这不，当文档准备好检测-这是不是某种document.onload也不window.onload
通常称为Immediately Invoked Function Expression (IIFE)或Self Executing Anonymous Function。
代码说明
var someFunction = function(){ console.log('wagwan!'); };
(function() { /* function scope starts here */
console.log('start of IIFE');
var myNumber = 4; /* number variable declaration */
var myFunction = function(){ /* function variable declaration */
console.log('formidable!');
};
var myObject = { /* object variable declaration */
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
})(); /* function scope ends */
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
在上面的示例中，函数中定义的任何变量（即使用声明var）将是“私有”的，并且只能在函数范围内访问（如Vivin Paliath所言）。换句话说，这些变量在函数外部不可见/不可访问。观看现场演示。
Javascript具有功能范围。“在函数外部定义的参数和变量在函数外部不可见，并且在函数内部任何位置定义的变量在函数内部均可见。” （摘自“ Javascript：好的部分”）。
更多细节
替代代码
最后，之前发布的代码也可以按如下方式进行：
var someFunction = function(){ console.log('wagwan!'); };
var myMainFunction = function() {
console.log('start of IIFE');
var myNumber = 4;
var myFunction = function(){ console.log('formidable!'); };
var myObject = {
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
};
myMainFunction(); // I CALL "myMainFunction" FUNCTION HERE
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
观看现场演示。
根
迭代1
有一天，可能有人认为“必须有一种避免命名“ myMainFunction”的方法，因为我们想要的只是立即执行它。”
如果您回到基础知识，就会发现：
expression：评估价值的东西。即3+11/xstatement：代码行正在执行某项操作，但不会求值。即if(){}
同样，函数表达式求值。结果（我想？）是它们可以立即被调用：
var italianSayinSomething = function(){ console.log('mamamia!'); }();
因此，我们更复杂的示例变为：
var someFunction = function(){ console.log('wagwan!'); };
var myMainFunction = function() {
console.log('start of IIFE');
var myNumber = 4;
var myFunction = function(){ console.log('formidable!'); };
var myObject = {
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
}();
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
观看现场演示。
迭代2
下一步是“为什么var myMainFunction =我们什至不使用它！！”。
答案很简单：尝试删除它，如下所示：
function(){ console.log('mamamia!'); }();
观看现场演示。
由于“函数声明不可调用”，因此无法使用。
诀窍是通过删除var myMainFunction =将函数表达式转换为函数声明。有关更多详细信息，请参见“资源”中的链接。
下一个问题是“为什么我不能将其保留为函数表达式而不包含var myMainFunction =？
答案是“您可以”，实际上您可以通过多种方式执行此操作：在一对括号中添加a +，a !，a -或换行符（如现在所约定的那样），我相信还有更多。例如：
(function(){ console.log('mamamia!'); })(); // live demo: jsbin.com/zokuwodoco/1/edit?js,console.
要么
+function(){ console.log('mamamia!'); }(); // live demo: jsbin.com/wuwipiyazi/1/edit?js,console
要么
-function(){ console.log('mamamia!'); }(); // live demo: jsbin.com/wejupaheva/1/edit?js,console
因此，一旦将相关修改添加到曾经的“替代代码”中，我们将返回与“代码解释”示例中使用的代码完全相同的代码
var someFunction = function(){ console.log('wagwan!'); };
(function() {
console.log('start of IIFE');
var myNumber = 4;
var myFunction = function(){ console.log('formidable!'); };
var myObject = {
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
})();
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
进一步了解Expressions vs Statements：
揭秘范围
一个人可能会想知道的一件事是：“当您在函数内部未正确定义变量时，会发生什么—即执行简单赋值呢？”
(function() {
var myNumber = 4; /* number variable declaration */
var myFunction = function(){ /* function variable declaration */
console.log('formidable!');
};
var myObject = { /* object variable declaration */
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
myOtherFunction = function(){ /* oops, an assignment instead of a declaration */
console.log('haha. got ya!');
};
})();
myOtherFunction(); // reachable, hence works: see in the console
window.myOtherFunction(); // works in the browser, myOtherFunction is then in the global scope
myFunction(); // unreachable, will throw an error, see in the console
观看现场演示。
基本上，如果为未在其当前作用域中声明的变量分配了一个值，则“将进行范围链查找，直到找到该变量或命中全局作用域（此时将创建全局作用域）”。
在浏览器环境（与服务器环境（如nodejs）相比）中，全局范围由window对象定义。因此，我们可以做window.myOtherFunction()。
我在该主题上的“良好实践”技巧是在定义任何东西时始终使用var：无论是数字，对象还是函数，甚至是在全局范围内。这使代码更加简单。
注意：
- JavaScript并没有有
block scope（更新：在添加区块范围的局部变量ES6）。
- javascript仅具有
function scope＆global scope（window浏览器环境中的范围）
进一步了解Javascript Scopes：
资源资源
下一步
一旦掌握了这个IIFE概念，它就会引出module pattern，这通常是通过利用这种IIFE模式来完成的。玩得开心 ：）