闭包的定义及作用

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

    一道闭包的面试题

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

 var a = fun(0);   a.fun(1);   a.fun(2);  a.fun(3);
 var b = fun(0).fun(1).fun(2).fun(3);
 var c = fun(0).fun(1);  c.fun(2);  c.fun(3);

 //问:三行a,b,c的输出分别是什么？
var a = fun(0);   a.fun(1);   a.fun(2);  a.fun(3);
//undefined  0  0  0

var b = fun(0).fun(1).fun(2).fun(3);
//undefined  0  1  2

var c = fun(0).fun(1);  c.fun(2);  c.fun(3);
//undefined  0  1  1

看下面这段代码，调用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);
    }
}

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

详细解答，参考链接：详细解答