对javascript中闭包概念的理解

来源:互联网 发布:链接优化百度百科 编辑:程序博客网 时间:2024/05/01 13:35


1.问题的引出,什么时候会遇到闭包?


首先因为JS是没有块状作用域的,但是有函数作用域即函数作为了局部变量之间的界限,不同函数内的局部变量具有独立性,


因为JS没有块状作用域,笔者初学JS时,在事件的监听时,因为不理解JS中局部变量的作用域,犯过不少错误!


(1)JS中的变量作用域


for(var i=0;i<9;i++)

{

   

}

alert(i)   //输出9


我们发现,虽然变量i是块状区域for()内的一个局部变量,但是我们在块级作用域for()外,依然可以得到变量i


(2)JS中的函数作用域


function abc(){

  var a=1;


}

abc();

alert(a);// 会报错,a is not  defined

我们发现,在函数外调用函数后,在函数外是无法取到函数里的变量


总结:通过(1),(2),我们加深了对JS中,没有块级作用域只有函数作用域的理解!


举例:如果现在例1:


var a=1

function abc(){


  var a=2;

}

abc();

alert(a)  // a=1


特别注意如果例2:

var a=1

function abc(){

a=2;

alert(a);

}

abc();//a=2

对比例1,不同之处在于例2,中 是“a=2"而不是”var a=2“

区别在于如果是var a,则表示在函数中定义变量a,如果是没有变量声明,如果直接a,则表示在全局变量中定义变量a;


2.如果引用函数内部的变量?


由1可知,JS中只存在函数作用域,那么我们如何才能在拿到函数中定义的变量呢?


根据JS的语法规则:内部函数(或者内部对象)中,可以访问外部函数中的变量。


什么意思呢?举例说明例1:


function abc(){

 var a=1;

 !function(){

 alert(a)

} ()

}  //此时不会报错,a=1


再举一个例子(内部对象的例子)例2:


var  o={

   a=1,

 myfun:function(){

 return this.a

}

}

则alert(o.myfun())得到的值为1,现在我们大概了解了如何访问函数(或者对象,其实函数的本身也是对象)中的变量!



3.什么是闭包?


我的理解就定义在一个函数内部的函数!


闭包是函数内部与外部之间的桥梁!


即内部函数在定义它的外部使用时,就创建了一个闭包!


我们知道,一般情况下,当函数被调用完,内存会被释放,但是应用于函数闭包比如


function  abc1(){

 var a=1;


function abc2(){

  a++;


}

return abc2()

}

当我们调用abc1()函数后,因为abc1函数的中又调用了abc2()函数,因此函数abc1()中的变量在子函数中被调用,所以在父函数abc1()调用结束后


变量a的内存空间并不会被释放!


为什么GC机制无法回收abc1()函数中的变量a,  因为首先我们在全局中调用了函数abc1(),我们设全局对象为c,abc1()对象为b,同时我们在对象b


即函数abc1()中又调用了函数abc2(),设abc2(0为a。


再次理解这种关系    c中调用了b,b中又调用了a,JS中规定当a,b对象两两互相引用,并且a,b中又有一个被a,b函数之外的对象c引用时,GC机制不执行


垃圾回收(变量清空)!


由此我们引出了闭包的重要作用:


如果内部函数在其外部被调用,则会产生闭包,闭包用于保存某些变量的值,不会被垃圾回收机制回收!


4.闭包的缺点


因为使用闭包后,某些变量会在函数调用之后持续的保持在内存中,因此滥用闭包会导致内存泄漏!



5.扩展应用,加深对于闭包的理解!



var o={

 a:1;

myfunc:function(){


return function(){

  return this.a;

}

}

alert(o.myfunc()()); // a is not defined



}



1 0