自执行函数
前言
(function () {
console.log("立即执行函数")
})();
(function () {
console.log("立即执行函数")
}())
是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，再在后面加个括号调用函数，最后达到函数定义后立即执行的目的，后来发现加括号的原因并非如此。
要理解立即执行函数，需要先理解一些函数的基本概念。
函数声明
function fnName () {…};使用function关键字声明一个函数，再指定一个函数名，叫函数声明。
函数表达式
var fnName = function () {…};使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予一个变量，叫函数表达式，这是最常见的函数表达式语法形式。
匿名函数
function () {}; 使用function关键字声明一个函数，但未给函数命名，所以叫匿名函数，匿名函数属于函数表达式，匿名函数有很多作用，赋予一个变量则创建函数，赋予一个事件则成为事件处理程序或创建闭包等等。
函数声明和函数表达式不同之处在于：
一、Javascript引擎在解析javascript代码时会‘函数声明提升'（Function declaration Hoisting）当前执行环境（作用域）上的函数声明，而函数表达式必须等到Javascirtp引擎执行到它所在行时，才会从上而下一行一行地解析函数表达式，
二、函数表达式后面可以加括号立即调用该函数，函数声明不可以，只能以fnName()形式调用 。
立即执行函数的演变
1：在函数表达式后加括号，可以立即执行函数
var foo = function () {
console.log("立即执行函数")
}();
2：在匿名函数后加括号，不可以立即执行函数
function () {
console.log("立即执行函数")
}();
在函数表达式后加括号可以立即执行函数，但如果不把匿名函数赋值给变量，而直接在后边加一个括号，则会报语法错误。因为当JS引擎在遇到function时，会默认把它当作是函数声明，所以必须要有一个函数名
3：在函数声明后加括号，不可以立即执行函数
function foo() {
console.log("立即执行函数")
}()
如果给匿名函数添加一个函数名，也就变成了函数声明，然后在函数声明后加括号，也会报语法错误，因为函数声明会被提升，当提升后就相当于在代码中只写了一对括号，而这个括号和前面的函数声明又没什么关系，所以语法报错
javascript中，括号内不允许包含语句，但可以是表达式
引擎先遇到括号，然后遇到关键字function , 就自动把括号里面的代码识别为函数表达式，而不是函数声明，所以立即执行函数可以这样写(function(){})()
在function前面加！、+、 -甚至是逗号等到都可以起到函数定义后立即执行的效果，而（）、！、+、-、=等运算符，都将函数声明转换成函数表达式，消除了javascript引擎识别函数表达式和函数声明的歧义，告诉javascript引擎这是一个函数表达式，不是函数声明，可以在后面加括号，并立即执行函数的代码。
作用
不过这样的写法有什么用呢？
javascript中没用私有作用域的概念，
如果在多人开发的项目上，你在全局或局部作用域中声明了一些变量，可能会被其他人不小心用同名的变量给覆盖掉，根据javascript函数作用域链的特性，可以使用这种技术可以模仿一个私有作用域，用匿名函数作为一个“容器”，“容器”内部可以访问外部的变量，而外部环境不能访问“容器”内部的变量，所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突，俗称匿名包裹器或命名空间。
JQuery使用的就是这种方法，将JQuery代码包裹在
(function (window,undefined){
…jquery代码…
}) (window)
中，在全局作用域中调用JQuery代码时，可以达到保护JQuery内部变量的作用。
闭包
概念
至于“闭包”这个词的概念的文字描述，确实不好解释，我看过很多遍，但是现在还是记不住。
但是你只需要知道应用的两种情况即可——函数作为返回值，函数作为参数传递。
第一，函数作为返回值
如上代码，bar函数作为返回值，赋值给f1变量。执行f1(15)时，用到了fn作用域下的max变量的值。至于如何跨作用域取值，可以参考上一节。
第二，函数作为参数被传递
如上代码中，fn函数作为一个参数被传递进入另一个函数，赋值给f参数。执行f(15)时，max变量的取值是10，而不是100。
闭包和作用域、执行上下文栈有着密不可分的关系 我们提到当一个函数被调用完成之后，其执行上下文环境将被销毁，其中的变量也会被同时销毁。
有些情况下，函数调用完成之后，其执行上下文环境不会接着被销毁。这就是需要理解闭包的核心内容。
咱们可以拿一段代码来分析一下。
第一步，代码执行前生成全局上下文环境，并在执行时对其中的变量进行赋值。此时全局上下文环境是活动状态。
第二步，执行第17行代码时，调用fn()，产生fn()执行上下文环境，压栈，并设置为活动状态。
第三步，执行完第17行，fn()调用完成。按理说应该销毁掉fn()的执行上下文环境，但是这里不能这么做。注意，重点来了：因为执行fn()时，返回的是一个函数。函数的特别之处在于可以创建一个独立的作用域。而正巧合的是，返回的这个函数体中，还有一个自由变量max要引用fn作用域下的fn()上下文环境中的max。因此，这个max不能被销毁，销毁了之后bar函数中的max就找不到值了。
因此，这里的fn()上下文环境不能被销毁，还依然存在与执行上下文栈中。
——即，执行到第18行时，全局上下文环境将变为活动状态，但是fn()上下文环境依然会在执行上下文栈中。另外，执行完第18行，全局上下文环境中的max被赋值为100。如下图：
第四步，执行到第20行，执行f1(15)，即执行bar(15)，创建bar(15)上下文环境，并将其设置为活动状态。
执行bar(15)时，max是自由变量，需要向创建bar函数的作用域中查找，找到了max的值为10。这个过程在作用域链一节已经讲过。
这里的重点就在于，创建bar函数是在执行fn()时创建的。fn()早就执行结束了，但是fn()执行上下文环境还存在与栈中，因此bar(15)时，max可以查找到。如果fn()上下文环境销毁了，那么max就找不到了。
使用闭包会增加内容开销，现在很明显了吧！
闭包优点和缺点
优点
减少全局变量的使用，保证了内部变量的安全，同时外部函数也可以访问内部函数的变量
在内存中维持一个变量，也可以用作缓存
缺点
被引用的内部变量不能被销毁，增大了内存消耗，使用不当易造成内存泄露，解决办法可以在内部变量不使用时，把外部的引用置为 null
闭包就是函数间的跨作用域访问，会导致性能损失
立即执行函数和闭包的区别
立即执行函数和闭包没有关系，虽然两者会经常结合在一起使用，但两者有本质的不同
立即执行函数只是函数的一种调用方式，只是声明完之后立即执行，这类函数一般都只是调用一次（可用于单例对象上），调用完之后会立即销毁，不会占用内存
闭包则主要是让外部函数可以访问内部函数的作用域，也减少了全局变量的使用，保证了内部变量的安全，但因被引用的内部变量不能被销毁，增大了内存消耗，使用不当易造成内存泄露
立即执行函数与闭包常结合示例
let single = (function () {
let name = "图图";
let age = 20;
return {
getName: function () {
return name;
},
getAge: function () {
return age;
}
}
})();
console.log(single.getName()); //图图
console.log(single.getAge()); //20
console.log(single.name); //undefined
此例借助立即执行函数与闭包实现 属性的私有
