浅析javascript闭包 实例分析

官方解释
“闭包”是一个拥有许多变量和绑定了这些变量的环境表达式（通常是一个函数），因而这些变量也是环境表达式的一部分。
通俗解释
Javascript中所有的函数都是一个闭包。不过一般来说，嵌套的function产生的闭包更为强大，也是大部分时候我们所说的“闭包”。看如下代码：


代码如下:

<script type="text/javascript">
<!--
//外层函数a
function a(){
//临时变量i
var i = 0;
//内层函数b
function b(){
//引用外层临时变量i
alert(++i);
}
//执行结果，返回内层函数b
return b;
}
//执行外层函数a，同时给c一个指向内层函数b的引用
//若按正常理解，此语句执行完后i将被GC回收，此时的i应为“undefine”
var c = a();
//执行内层函数，由于闭包的缘故，函数b中i仍然引用的是外部的临时变量i
c();
-->
</script>

这段脚本在执行完var c=a()之后，变量c实际上就指向了函数b，b中用到了变量i，再执行c()后就会弹出一个窗口显示i的值。这段代码其实就是一个闭包，为什么？因为函数a外的变量c引用了函数a内部的函数b。
Javascript的垃圾回收机制
由于javascript特殊的垃圾回收机制，才导致了闭包的产生。Javascript垃圾回收机制的大体规则如下：
在javascript中，如果一个对象不再被引用，那么这个对象就会被GC回收。如果两个对象相互引用，而不再被第3者引用，那么这两个互相引用的对象也会被回收。而在上述的脚本中，函数a被b引用，函数b又被函数a外的c所引用，这就是为什么函数a执行后不被回收的原因。
闭包的应用场景
1. 保护函数内的变量安全。以上面的例子为例，函数a中变量i只有函数b才能访问，而无法通过其他途径访问到，因此保护了i的安全性。
2. 在内存中维持一个变量。依然如上面的例子，由于闭包，函数a中的i一直存在于内存中，因此每次执行c()，i都会加1。
3. 通过保护变量的安全实现JS私有属性和私有方法（不能被外部访问）。如下，私有属性和私有方法在Constructor外是无法访问的：


代码如下:

function Constructor(…){
var that = this;
var membername = value;
function membername(…){…}
}

赞 (0)

相关推荐

  • JavaScript中的作用域链和闭包

    JavaScript中的作用域链和闭包

    作用域 全局作用域 局部作用域 作用域链 执行上下文 活动对象 闭包 闭包优化 JavaScript中出现了一个以前没学过的概念--闭包.何为闭包?从表面理解即封闭的包,与作用域有关.所以,说闭包以前先说说作用域. 作用域(scope) 通常来说一段程序代码中使用的变量和函数并不总是可用的,限定其可用性的范围即作用域,作用域的使用提高了程序逻辑的局部性,增强程序的可靠性,减少名字冲突. 全局作用域(Global Scope) 在代码中任何地方都能访问到的对象拥有全局作用域,以下几种情形拥有全局作

  • JavaScript闭包函数访问外部变量的方法

    JavaScript闭包函数访问外部变量的方法

    闭包是指有权访问另一个函数作用域中的变量的函数,但作用域的配置机制有一个需要注意的地方,即闭包只能取得包含函数中任何变量的最后一个值. 如以下案例: function create(){     var arr = new Array();        for (var i=0; i<10; i++){         arr[i] = function(){             return i;         };      }       return arr; }   var c

  • JavaScript闭包 懂不懂由你反正我是懂了

    越来越觉得国内没有教书育人的氛围,为了弄懂JS的闭包,我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释,当我看到stackoverflow上这一篇解答,我脑中就出现了一句话:就是这货没跑了! 不才译文见下,见笑了. Peter Mortensen问: 就像老Albert所说的,"如果你不能向一个六岁的孩子解释清楚,那么其实你自己根本就没弄懂."好吧,我试着向一个27岁的朋友就是JS闭包(JavaScript closure)却彻底失败了. 你们会怎么把它解释给一个充满好奇

  • Javascript闭包演示代码小结

    闭包演示 p {background:gold;} function init() { var pAry = document.getElementsByTagName("p"); for( var i=0; i 产品 0 产品 1 产品 2 产品 3 产品 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 以上场景是初学者经常碰到的.即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索

  • JavaScript 匿名函数（anonymous function）与闭包（closure）

    引入 匿名函数 闭包 变量作用域 函数外部访问函数内部的局部变量 用闭包实现私有成员 引入 闭包是用匿名函数来实现.闭包就是一个受到保护的变量空间,由内嵌函数生成."保护变量"的思想在几乎所有的编程语言中都能看到. 先看下 JavaScript 作用域: JavaScript 具有函数级的作用域.这意味着,不能在函数外部访问定义在函数内部的变量. JavaScript 的作用域又是词法性质的(lexically scoped).这意味着,函数运行在定义它的作用域中,而不是在调用它的作用

  • 详谈JavaScript 匿名函数及闭包

    1.匿名函数 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数:就是没有函数名的函数. 1.1 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式 第一种:这也是最常规的一种 复制代码 代码如下: function double(x){     return 2 * x;   } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. 复制代码 代码如下: var double = new Functio

  • 深入理解Javascript闭包 新手版

    一.什么是闭包? "官方"的解释是:所谓"闭包",指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 相信很少有人能直接看懂这句话,因为他描述的太学术.我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建过程直接理解闭包的定义是非常困难的.看下面这段代码: 复制代码 代码如下: function a(){ var i=0; function b(){ alert(++i); }

  • JavaScript闭包详解

    JavaScript闭包详解

    在上一篇文章我们对预解释作了概述,在写这篇博文前打算写几个经典案例,考虑到那些案例综合性比较强,也就循序渐进的有了这篇博文,这样对于学习和深入JavaScript也更加容易入手. 序 一同事去面试,面试官问了一道题:你写一个闭包我看下?于是同事火速写出如下代码: 复制代码 代码如下: function fn(){     alert('Hello JavaScript Closure!!!');//妈蛋,E文本来就不好,找翻译才把闭包单词写出来 } fn(); 然后面试官摇摇头说道:"这怎么能叫

  • 深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解

    函数表达式 1.JavaScript中定义函数有2钟方法: 1-1.函数声明: 复制代码 代码如下: function funcName(arg1,arg2,arg3){  //函数体} ①name属性:可读取函数名.非标准,浏览器支持:FF.Chrome.safari.Opera. ②函数声明提升:指执行代码之前会先读取函数声明.即函数调用可置于函数声明之前. 1-2.函数表达式: 复制代码 代码如下: var funcName = function(arg1,arg2,arg3){  //函

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

    扩展Code: 复制代码 代码如下: var blogModule = (function (my) { my.AddPhoto = function () {//添加内部代码 }; return my;}(blogModule)); Say:将自身传进方法,然后实现了方法的扩展,有点象零件组装啊Code: 复制代码 代码如下: var blogModule = (function (my) {var oldAddPhotoMethod = my.AddPhoto; my.AddPhoto =

  • javascript深入理解js闭包

    javascript深入理解js闭包

    一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 function f1(){ var n=999; } alert(n); // error 这里有一个地方需要注意,函数

随机推荐