javascript中闭包概念与用法深入理解
本文实例分析了javascript中闭包概念与用法。分享给大家供大家参考,具体如下
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 }
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程