闭包

闭包

01.理解闭包（closure）

1.闭包的概念

• 闭包,不同于一般的函数,它允许一个函数在立即词法作用域外调用时,仍可访问非本地变量。 –维基百科
• 闭包就是能够读取其他函数内部变量的函数。–阮一峰
• 由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。
• 所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
• 闭包是嵌套的内部函数（绝大部分人）
• 包含被引用变量(函数)的对象(极少数人)

2.闭包的用途

• 可以读取函数内部的变量
• 让这些变量的值始终保持在内存中

function f1(){
　　　　var n=999;
　　　　nAdd=function(){n+=1}//没有使用var关键字，是全局变量
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}

　　var result=f1();
　　result(); // 999

　　nAdd();
　　result(); // 1000

result实际上就是闭包f2函数，他一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。

**原因：**f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

变量声明时如果不使用 var 关键字，那么它就是一个全局变量，即便它在函数内定义。

nAdd前面没有使用var关键字，因此nAdd是一个全局变量，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作。

闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。

直观的说就是形成一个不销毁的栈环境。

3.产生闭包的条件

• 函数嵌套
• 内部函数引用了外部函数的数据(变量/函数)

4.如何产生闭包

​ 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包。

5.闭包的应用

闭包的应用：定义JS模块

1.具有特定功能的js文件

2.将所有的数据和功能都封装在一个函数内部(私有的)

3.只向外暴露一个包信n个方法的对象或函数

4.模块的使用者，只需要通过模块暴露的对象调用方法实现对应的功能

闭包的应用2 : 定义JS模块

• 具有特定功能的js文件
• 将所有的数据和功能都封装在一个函数内部(私有的)
• 只向外暴露一个包信n个方法的对象或函数
• 模块的使用者, 只需要通过模块暴露的对象调用方法来实现对应的功能

6.闭包的缺点

1.缺点

• 函数执行完后, 函数内的局部变量没有释放, 占用内存时间会变长
• 容易造成内存泄露

2.解决

• 能不用闭包就不用
• 及时释放

7.内存溢出与内存泄露

1. 内存溢出

• 一种程序运行出现的错误
• 当程序运行需要的内存超过了剩余的内存时, 就出抛出内存溢出的错误

2. 内存泄露

• 占用的内存没有及时释放
• 内存泄露积累多了就容易导致内存溢出
• 常见的内存泄露:
  • 意外的全局变量
  • 没有及时清理的计时器或回调函数
    • 闭包

8.面试题

//代码片段一
var name = "The Window";
var object = {
    name: "My Object",
    getNameFunc: function () {
        return function () {
            return this.name;
        };
    }
};
alert(object.getNameFunc()()); //The window


//代码片段二
var name2 = "The Window";
var object2 = {
    name2: "My Object",
    getNameFunc: function () {
        var that = this;
        return function () {
            return that.name2;
        };
    }
};
alert(object2.getNameFunc()()); //My objecct