标签：
严格来讲，IIFE并不是闭包，因为它并不满足函数成为闭包的三个条件。但一般地，人们认为IIFE就是闭包，毕竟闭包有多个定义。本文将详细介绍IIFE的实现和用途
函数跟随一对圆括号()表示函数调用
//函数声明语句写法 function test(){}; test(); //函数表达式写法 var test = function(){}; test();
但有时需要在定义函数之后，立即调用该函数。这种函数就叫做立即执行函数，全称为立即调用的函数表达式IIFE(Imdiately Invoked Function Expression)
[注意]javascript引擎规定，如果function关键字出现在行首，一律解释成函数声明语句
【1】函数声明语句需要一个函数名，由于没有函数名，所以报错
//SyntaxError: Unexpected token ( function(){}();
【2】函数声明语句后面加上一对圆括号，只是函数声明语句与分组操作符的组合而已。由于分组操作符不能为空，所以报错
//SyntaxError: Unexpected token ) function foo(){}(); //等价于 function foo(){}; ();//SyntaxError: Unexpected token )
【3】函数声明语句加上一对有值的圆括号，也仅仅是函数声明语句与不报错的分组操作符的组合而已
function foo(){}(1); //等价于 function foo(){}; (1);
所以，解决方法就是不要让function出现在行首，让引擎将其理解成一个表达式
最常用的两种办法
(function(){ /* code */ }()); (function(){ /* code */ })();
其他写法
var i = function(){ return 10; }(); true && function(){ /* code */ }(); 0, function(){ /* code */ }(); !function(){ /* code */ }(); ~function(){ /* code */ }(); -function(){ /* code */ }(); +function(){ /* code */ }(); new function(){ /* code */ }; new function(){ /* code */ }();
IIFE一般用于构造私有变量，避免全局空间污染
接下来用一个需求实现来更直观地说明IIFE的用途。假设有一个需求，每次调用函数，都返回加1的一个数字(数字初始值为0)
【1】全局变量
一般情况下，我们会使用全局变量来保存该数字状态
var a = 0; function add(){ return ++a; } console.log(add());//1 console.log(add());//2
【2】自定义属性
但上面的方法中，变量a实际上只和add函数相关，却声明为全局变量，不太合适。
将变量a更改为函数的自定义属性更为恰当
function add(){ return ++add.count; } add.count = 0; console.log(add());//1 console.log(add());//2
【3】IIFE
其实这样做，还是有问题。有些代码可能会无意中将add.count重置
使用IIFE把计数器变量保存为私有变量更安全，同时也可以减少对全局空间的污染
var add = (function(){ var counter = 0; return function(){ return ++counter; } })(); console.log(add())//1 console.log(add())//2
标签：
原文地址：http://www.cnblogs.com/xiaohuochai/p/5731016.html
