闭包的定义及作用

àì夳堔傛蜴生んèń 2022-05-29 02:41 140阅读 0赞

**1、闭包的定义：**闭包就是能够读取其他函数内部变量的函数。在js中，可以将闭包理解成“函数中的函数“。

如下代码中f2()函数就是闭包：

function f1(){
    
    　　　　var m = 10;
    
    　　　　function f2(){
    
    　　　　　　alert(m); // 10
    
    　　　　}
     }

**2**、 **闭包的作用：**

A、可以读取函数内部的变量

B、让这些变量的值始终保存在内存中。这是因为闭包的执行依赖外部函数中的比那辆，只有闭包执行完，才会释放变量所占的内存

**3、使用闭包的注意事项**

**   （1）  问题**：由于闭包会使得函数中的变量都被保存在内存中，内存消耗大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能会造成内存泄露。

**              解决方法**：在退出函数之前，将不使用的局部变量全部删掉

**   （2）  问题**：闭包会在父函数外部，改变父函数内部变量的值。

如果把父函数当做对象使用，把闭包当做公用方法，把内部变量当做私有属性，此时不要随便改变父函数内部变量的值。

如下面的例子：

//----代码一　
       var name = "The Window";
    　　var object = {
    　　　　name : "My Object",
    　　　　getNameFunc : function(){
    　　　　　　return function(){      //js中，函数就是作用域
    　　　　　　　　return this.name;   // 闭包  + this，造成的问题，函数中的this不能访问到作用域外的变量
    　　　　　　};
    　　　　}
    　　};
    
    　　alert(object.getNameFunc()());   //this的作用域是在函数执行的时候确定，因为匿名函数是一个全局变量，因此this指向的是window对象
                                         // 因此输出结果是：The Window
    
       //-----代码二
    　　var name = "The Window";
    　　var object = {
    　　　　name : "My Object",
    　　　　getNameFunc : function(){
    　　　　　　var that = this;         //--this指向object，保留了对象object在that里面，
    　　　　　　return function(){ 
    　　　　　　　　return that.name;    //这里输出对象object的name属性的值
    　　　　　　};
    
    　　　　}
    
    　　};
    
    alert(object.getNameFunc()());  // 所以暑促值：My  Object

**一道闭包的面试题**

**看下面这段代码，调用fun后，会返回一个空对象**

function fun(n,o){
        return {
        }
    }

function fun(n,o){
        console.log(o);
        return {
            fun:function(m){
                return fun(m,n);
            }
        };
     }
    
     var a = fun(0);

**注意**：当调用函数的时候，传入的实参比函数声明时指定的形参个数少时，剩下的形参都被设定为undefined

上面调用函数var a=fun(0);  输出的结果如下：

console.log(o);   //undefined

a的值是调用fun(0)后返回的对象，即a的值如下：

{
        fun:function(m){
            return fun(m,0);
        }
    }

理解了这里，上面的题目就可以做出来了。

详细解答，参考链接：[详细解答][Link 1]

[Link 1]: http://blog.csdn.net/FE_dev/article/details/74124373