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

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闭包的Web图片浏览控件的实现.pdf

    本文主要讲解了基于JavaScript闭包原理的Web图片浏览控件的实现,包括JavaScript闭包概念、闭包应用场景、Web图片浏览控件的设计思路和实现方法。 1. JavaScript闭包概念 JavaScript闭包是一个拥有许多变量和绑定...

    javascript闭包的高级使用方法实例

    JavaScript 闭包是一种强大的特性,它允许函数访问和操作其外部作用域中的变量,即使在外部函数执行...熟练掌握闭包的使用能够提升代码的可维护性和复用性,同时也能够帮助我们编写更加灵活和安全的 JavaScript 代码。

    Javascript 闭包完整解释

    ### JavaScript闭包完整解释 #### 一、闭包的基本概念 **闭包**是一个非常重要的JavaScript概念,它指的是一个函数能够记住并访问其外部作用域中的变量的能力,即使该函数在其外部作用域之外被调用也是如此。具体...

    javascript闭包的理解

    标题《JavaScript闭包的理解》涉及的知识点主要围绕JavaScript编程中的一个重要概念——闭包。闭包是一个高级且复杂的话题,它是JavaScript语言的核心特性之一,同时也是一大难点。要想熟练运用JavaScript,掌握闭包...

    基于javascript 闭包基础分享

    在JavaScript编程中,闭包是一个核心概念,它允许函数记住并访问所在词法作用域,即使当函数在其词法作用域之外执行时。闭包的特性使得它在JavaScript中既神秘又强大。 首先,我们从闭包的定义谈起。在JavaScript中...

    javascript 闭包实例下载

    JavaScript 闭包是一种高级编程概念,它在JavaScript中扮演着至关重要的角色,特别是在函数式编程和模块化设计中。闭包本质上是函数和其能够访问...通过学习这些实例,你将能够更好地掌握JavaScript闭包这一核心概念。

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

    在深入讨论JavaScript闭包之前,首先需要了解JavaScript的变量作用域。在JavaScript中,变量的作用域分为两种:全局变量和局部变量。全局变量是在函数外部定义的变量,可以在JavaScript程序的任何地方被访问。局部...

    javaScript闭包技术资料

    ### JavaScript闭包技术详解 #### 一、闭包的基本概念 **闭包**是JavaScript中一个重要的概念,它涉及到函数的执行环境、作用域链等关键要素。简单来说,闭包是一个函数及其相关的引用环境的组合。具体而言,当一...

    Javascript闭包实例详解

    JavaScript中的闭包是一种重要的编程概念,它涉及到函数、作用域和变量持久化。闭包本质上是函数能够记住并访问其词法作用域内的变量,即使该函数...熟练掌握闭包的概念和使用,将使你的JavaScript编程技能更上一层楼。

    javascript闭包高级教程

    ### JavaScript闭包高级教程 #### 简介 在JavaScript编程中,“闭包”是一个非常重要的概念,尤其对于希望深入理解和高效使用JavaScript的开发者来说。简单地说,闭包是一种能够记住并访问其创建时周围环境的函数...

    深入解析Javascript闭包的功能及实现方法

    1. **闭包的概念** 闭包是一个拥有自身作用域的函数,它可以记住并访问其词法作用域内的变量,即使这个作用域已经不再存在。这意味着,当内部函数在外部函数结束后仍然被引用或执行,它仍然能访问外部函数的变量。 ...

    javaScript闭包的理解

    ### JavaScript闭包的理解 #### 一、闭包的定义与特点 闭包是JavaScript中一个非常重要的概念,它指的是一个函数能够访问并操作其外部作用域中的变量的能力。这一特性使得JavaScript具有了一些其他语言不具备的...

    javascript闭包

    ### JavaScript闭包详解 #### 一、闭包概念与工作机制 **闭包**是JavaScript中最强大的特性之一,它使得函数能够记住并访问其定义时所在的作用域中的变量。要理解和运用闭包,首先需要理解作用域、作用域链以及...

    javascript 闭包

    JavaScript 闭包是一种重要的编程概念,它涉及到函数和作用域的深入理解。闭包的本质是函数内部能够访问并保持对外部变量的引用,即使在函数执行完毕后,这些变量仍然可被内部函数访问和操作。这使得闭包成为实现...

    揭开Javascript闭包的真实面目

    闭包是JavaScript编程中一个核心且关键的概念,尤其对于初学者而言,理解起来可能有些挑战。闭包本质上是一种特殊的作用域,它可以捕获并存储其外部函数作用域内的变量,即使外部函数已经执行完毕。简单来说,闭包...

    JavaScript闭包与活动.pdf

    JavaScript中的闭包是一种重要的编程概念,它涉及到函数、作用域和变量持久化等多个方面。闭包的本质是一个函数,它可以访问并操作其外部...掌握闭包的概念和使用方法对于编写高效、可维护的JavaScript代码至关重要。

    javascript闭包详解

    ### JavaScript闭包详解 #### 一、什么是闭包? 闭包是JavaScript中一个重要的概念,它涉及函数如何访问外部作用域中的变量。虽然官方定义较为复杂:“闭包是一个拥有许多变量和绑定了这些变量的环境的表达式...

    JavaScript闭包

    JavaScript闭包是编程语言中的一个核心概念,尤其在前端开发中扮演着重要角色。闭包是一种特殊的作用域,它能够记住并访问定义它的外部函数作用域的变量,即使该外部函数已经执行完毕。这种特性使得闭包在JavaScript...

Global site tag (gtag.js) - Google Analytics