IIFE(immediately-invoked function expression),即立刻执行函数表达式。我们在写js过程中经常会遇到 (function (){})()和(function (){}())这样的写法,这两种都是IIFE的常见写法。 那它为什么要这么写呢?原理又是什么?我们先来了解一些函数的基本概念。

###函数声明 使用function关键字声明一个函数,再指定一个函数名,叫函数声明。

function name () {
	// ...
}

###函数表达式 使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。

var name = function () {
	// ...
}

###匿名函数 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数。匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数, 赋予一个事件则成为事件处理程序或创建闭包等等。

function () {
	// ...
}

###函数声明和函数表达式区别

• Javascript引擎在解析代码时,在当前作用域下会函数声明提升,也就是说无论函数声明的位置在哪,都能够优先调用。 而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式。
• 函数表达式后面可以加括号立即调用该函数,函数声明不可以,只能以xxx()形式调用。如下:

name(); 
function name () {
	console.log('Hello World');
}
// 正常,因为函数声明提升
name(); 
var name = function () {
	console.log('Hello World');
}
// 报错,变量name还未保存对函数的引用,函数调用必须在函数表达式之后
var name = function () {
	console.log('Hello World');
}();
// 正确执行,当javascript引擎解析到此处时能立即调用函数
function name () {
	console.log('Hello World');
}();
// 语法错误
function () {
	console.log('Hello World');
}();
// 语法错误,虽然匿名函数属于函数表达式,但是未进行赋值操作
// javascript引擎将开头的function关键字当做函数声明,所以报错,要求需要一个函数名

###原理 在理解了一些函数基本概念后,我们了解到只有函数表达式才能够立即执行。 那(function (){})()和(function (){}())是不是一个括号包裹匿名函数,并后面加个括号立即调用函数呢?
先看下面例子:

(function () {
 console.log('Hello World'); // 输出Hello World,使用()运算符
})();
 
(function () {
 console.log('Hello World'); // 输出Hello World,使用()运算符
}());
 
!function () {
 console.log('Hello World'); // 输出Hello World,使用!运算符
}();
 
+function () {
 console.log('Hello World'); // 输出Hello World,使用+运算符
}();
 
-function () {
 console.log('Hello World'); // 输出Hello World,使用-运算符
}();
 
var fn = function () {
 console.log('Hello World'); // 输出Hello World,使用=运算符
}();

可以看到输出结果,在function前面加!、+、 -甚至是逗号等到都可以起到函数定义后立即执行的效果,而()、!、+、-、=等运算符, 都将函数声明转换成函数表达式,消除了javascript引擎识别函数表达式和函数声明的歧义,告诉javascript引擎这是一个函数表达式, 不是函数声明,可以在后面加括号,并立即执行函数的代码。

加括号是最安全的做法,因为!、+、-等运算符还会和函数的返回值进行运算,有时造成不必要的麻烦。

###作用 javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉, 那么这时候就可以使用IIFE创建一个私有作用域来保护变量,防止命名冲突,俗称"匿名包裹器"或"命名空间"。