`
soeight
  • 浏览: 8112 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

JavaScript的闭包概念及使用

阅读更多
一、什么是闭包?
“官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。

JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。

简单理解:闭包就是能够读取其他函数内部变量的函数。由于在JavaScript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以,闭包就是将函数内部和函数外部连接起来的一座桥梁。

function fnA() {
	var i = 0;
	function a() {
		alert(++i);
	}

	return a;
}

var b = fnA();
alert(b); //弹出fnA类的a函数体
b();	//弹出i的值 1
b();	//弹出i的值 2


二、闭包有什么作用和效果?
简而言之,闭包的作用就是在fnA执行完并返回后,闭包使得JavaScript的垃圾回收机制GC不会收回fnA所占用的资源,因为fnA的内部函数b的执行需要依赖fnA中的变量。这是对闭包作用的非常直白的描述,不专业也不严谨,但大概意思就是这样,理解闭包需要循序渐进的过程。
在上面的例子中,由于闭包的存在使得函数返回后,fnA中的i始终存在,这样每次执行b(),i都是自加1后alert出i的值。

那么我们来想象另一种情况,如果fnA返回的不是函数a,情况就完全不同了。因为fnA执行完后,a没有被返回给fnA的外界,只是被fnA所引用,而此时fnA也只会被a引用,因此函数fnA和a互相引用但又不被外界打扰(被外界引用),函数fnA和a就会被GC回收。

三、闭包的微观世界
如果要更加深入的了解闭包以及函数fnA和嵌套函数b的关系,我们需要引入另外几个概念:函数的执行环境(excution context)活动对象(call object)作用域(scope)作用域链(scope chain)。以函数fnA从定义到执行的过程为例阐述这几个概念。

当定义函数fnA的时候,JScript解释器会将函数fnA的作用域链(scope chain)设置为定义fnA时fnA所在的“环境”,如果fnA是一个全局函数,则scope chain中只有window对象。
当执行函数fnA的时候,fnA会进入相应的执行环境(excution context)。
在创建执行环境的过程中,首先会为fnA添加一个scope属性,即fnA的作用域,其值就为第1步中的scope chain。即fnA.scope=fnA的作用域链。
然后执行环境会创建一个活动对象(call object)。活动对象也是一个拥有属性的对象,但它不具有原型而且不能通过JavaScript代码直接访问。创建完活动对象后,把活动对象添加到fnA的作用域链的最顶端。此时fnA的作用域链包含了两个对象:fnA的活动对象和window对象。
下一步是在活动对象上添加一个arguments属性,它保存着调用函数fnA时所传递的参数。
最后把所有函数fnA的形参和内部的函数a的引用也添加到fnA的活动对象上。在这一步中,完成了函数a的的定义,因此如同第3步,函数a的作用域链被设置为a所被定义的环境,即fnA的作用域。
到此,整个函数fnA从定义到执行的步骤就完成了。此时fnA返回函数a的引用给b,又函数a的作用域链包含了对函数fnA的活动对象的引用,也就是说a可以访问到fnA中定义的所有变量和函数。函数a被b引用,函数a又依赖函数fnA,因此函数fnA在返回后不会被GC回收。

四、闭包的应用场景
保护函数内的变量安全。以最开始的例子为例,函数fnA中i只有函数a才能访问,而无法通过其他途径访问到,因此保护了i的安全性。
在内存中维持一个变量。依然如前例,由于闭包,函数fnA中i的一直存在于内存中,因此每次执行b(),都会给i自加1。

五、使用闭包的注意点
1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便
改变父函数内部变量的值。

六、JavaScript的垃圾回收机制
在JavaScript中,如果一个对象不再被引用,那么这个对象就会被GC回收。如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。因为函数fnA被a引用,a又被fnA外的b引用,这就是为什么函数fnA执行后不会被回收的原因。


分享到:
评论

相关推荐

    JavaScript核心概念及实践 高清PDF扫描版 (邱俊涛).pdf

    《JavaScript核心概念及实践》不仅帮助读者迅速掌握JavaScript基础知识和核心技术,而且通过实例讲解如何将这些知识和技术理解应用到实际工作中,提升编程能力,以简洁、优美的代码开发出功能强大且更易于维护和扩展...

    javascript闭包概念简单解析(推荐)

    下面小编就为大家带来一篇javascript闭包概念简单解析(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    javascript,jquery闭包概念分析

    偶尔听人说javascript闭包,让我联想起以前学编译原理和数字逻辑里讲的闭包,以前上课讲的闭包很难懂,而且含有递归的意思在里面,现在不想再查看里面的闭包概念。

    JavaScript核心(对象、原型、继承、上下文、闭包、this).pdf

    面向对象概念(对象封装,各种继承,闭包原理,this作用域等)介绍清晰易懂

    Javascript 闭包详解及实例代码

    闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让...

    JavaScript闭包和回调详解

    本文主要讲解了JavaScript闭包和回调,闭包的概念和特性,结合实例分析了使用步骤与方法

    javascript中闭包概念与用法深入理解

    主要介绍了javascript中闭包概念与用法,结合实例形式深入分析了javascript中闭包的概念、使用方法与相关注意事项,需要的朋友可以参考下

    javascript中的闭包概念与用法实践分析

    本文实例讲述了javascript中的闭包概念与用法。分享给大家供大家参考,具体如下: 闭包的概念:闭包是指有权访问另一个函数作用域中的变量的函数 (引自《javascript高级程序设计第三版》178页)。闭包的优点是不会...

    JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解

    很早就接触过闭包这个概念了,但是一直糊里糊涂的,没有能够弄明白JavaScript的闭包到底是什么,有什么用,今天在网上看到了一篇讲JavaScript闭包的文章(原文链接),讲得非常好,这下算是彻底明白了JavaScript的闭包...

    Javascript闭包用法实例分析

    主要介绍了Javascript闭包的概念及用法,以实例形式深入浅出的分析了闭包的功能及使用时的注意事项,非常具有实用价值,需要的朋友可以参考下

    JavaScript核心概念及实践 高清PDF扫描版 (邱俊涛)

    js历史,js对象讲解,js函数,js数组,正则表达式,闭包等

    javascript闭包(Closure)用法实例简析

    主要介绍了javascript闭包(Closure)用法,结合实例形式较为详细的分析了JavaScript闭包的概念、功能及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    JS匿名函数、闭包

    使用闭包可以在JavaScript中模仿块级作用域(JavaScript本身没有块级作用域的概念),要点如下: 创建并立即调用一个函数,这样既可以执行其中的代码,又不会在内存中留下对该函数的引用; 结果就是函数内部的所有...

    JavaScript使用闭包模仿块级作用域操作示例

    在阅读这篇文章之前,建议先阅读JavaScript的作用域链以及JavaScript闭包。 正如闭包的定义一样:“闭包指的是有权访问另一个函数作用域中的变量的函数”, 闭包最大的意义就在于闭包可以对另一个函数作用域的变量...

Global site tag (gtag.js) - Google Analytics