JS-闭包是啥

1.说明

函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包(closure)。在 JavaScript 中，每当函数被创建，就会在函数生成时，同时自动生成闭包。也就是说只要有函数的地方，都有闭包。

2.词法作用域

1. 第一种写法

function init() {
    var name = "chrome";          // name 是一个被 init 创建的局部变量
    function displayName() {     // displayName() 是内部函数，一个闭包
        alert(name);             //使用了父函数中声明的变量
    }
    displayName();         //必须调用，否则无法加载
}
init();

可以看到我们在 init() 函数中声明了一个局部变量 name 和一个函数 displayName(); 由于displayName(); 是定义在 init(); 函数中，所以displayName() 是init() 的私有函数，只有在 init() 中调用，如此就形成了一个闭包的环境。注意：变量 displayName() 中没有声明变量，但是它却可以访问父函数 init() 里的变量 name。

2. 第二种写法

function makeFunc() {
    var name = "chrome";
    function displayName() {      
        alert(name);
    }
    return displayName;       //注意这里
}
var myFunc = makeFunc();
myFunc();

这里呢和上一个闭包有区别的地方就是，在父函数中多了一个返回值，return displayName 注意：这里的return displayName 并没有加上（） 所以这里的 return 返回的是函数的整体

控制台输出如下：

如此看来，return displayName 其实返回的是一个函数的代码块，因为并没有调用displayName() 函数所以 displayName() 没有被解释执行。但是因为 return 了 函数 displayName 这个时候就成为了一个变量（其实函数就是一种特殊的值），在父函数makeFunc() 外用一个变量接受，于是就有了一开始的 var myfunc = makeFunc();这个时候 myfunc 的类型就成了 function，所以myfunc(); 加上括号。

3. 第三种写法 （工厂模式）

function makeAdd(x) {
  return function(y) {
    return x + y;
  };
}

var add_show = makeAdd(5);
var add_demo = makeAdd(10);

console.log(add_show(2));  // 5+2=7
console.log(add_demo(2));  // 10+2=12

这里和第二种写法其实一样，在函数 makeAdd() 中接收一个参数 x 再返回一个函数并携带参数 y 而在返回的函数中再次返回 return x + y 的值。

3.闭包的优缺点

优点：

• 可以避免全局变量的污染，保护变量
• 变量长期的存储在内存中
• 只存在于函数体中，是私有的

缺点：

• 长期的使用内存，对性能有负面的影响，在开发中尽量的避免使用闭包的次数。

在我个人的理解中，闭包其实就是在函数中 嵌套、返回 子函数，来保护变量。