深入浅出Javascript闭包

垃圾回收器

我个人把闭包抽象的称之为”阻止垃圾回收器的函数”或者”有权访问另一个函数内部变量的函数"(当然这个是我个人的理解方式,每个人可能会有不同的理解方式),为什么这样说?这样说还得说说垃圾回收器,一些编程语言如C语言对于内存管理是由程序员说了算,也就是说程序员决定这个变量是否还需要,如果不需要就释放这个变量占用的空间,而这个变量也不复存在了,这样做的好处是可以及时释放内存空间,让那些需要使用内存空间的程序来使用。

而在Javascript中,我们是不需要这样做的,Javascript有一个叫”垃圾回收器”的系统,它会自动对于那些我们不再使用的变量进行回收。那问题来了,它怎么知道我们不再需要这个变量了?在Javascript里面把实现垃圾回收的机制叫”引用计数”(当然在这之前还有一个已经被抛弃的”标记清除”,在这里就不管它了,只关注当前的东西),垃圾回收器会根据代码里面对变量的调用(引用)来判断,如果这个变量的引用计数为0那么就表示可以回收了。

引用计数是如何工作?拿一个例子来说吧:

“有一家公司的小明,他工作是和销售有关的,所以他每天会开公司的车去见客户、接客户进行推销。而取得公车的步骤需要向管车的王大爷进行预约,然后王大爷会把预约纪录到今天的预约表上,使用完后需要把车交给王大爷并把记录划掉。有一天小明需要使用公车,小明打电话给王大爷表明他下午两点会使用公车,王大爷随后把此次预约纪录到了今天的预约表上,到了约定时间,小明取到了公车。随后与客户一番见面商谈过后把公车交还给王大爷,王大爷同时也把预约表上的小明这一条记录给划掉,王大爷随后看了看预约表,今天没有人预约了,看来可以早点下班了,于是把车停回车库下班了。”

其实上面的例子可以看出来,王大爷相当于”垃圾回收器”,而王大爷依据什么来进行处理回收的?是根据预约表,而这个预约表就相当于”引用计数”,当这个预约表上没有人预约公车的时候,王大爷就把车停回了车库,当然如果还有预约王大爷还得一直等待预约表上没有任何预约了才能把车停回车库并下班。也就相当于当这个变量没有人在需要使用的时候,这个变量就可以被“回收”了。

什么是闭包?

在正常的回收机制下,当我们不再使用这个函数或者变量的时候就会被回收,不再使用是指在当前我们执行的状态之后没有出现在调用(引用)此函数或者变量的语句了,比如说函数,执行完过后如果没有再调用就会回收。下面有一个例子,简单的介绍了一下闭包,例子中logHello被赋值一个自执行匿名函数返回的函数,这个函数是有权限访问自执行匿名函数内部的log_num变量的,这样的函数被称为闭包,因为返回的函数内部有一个对自执行匿名函数内部log_num变量的引用。

 1 var logHello;
 2
 3
 4 logHello = ( function () {
 5
 6     var log_num = 20;
 7
 8     return function() {
 9
10            return log_num;
11
12     };
13
14 } )();

下面还有一个例子,logHello被赋值自执行函数返回的一个对象,这个对象里面包含了两个方法”read”和”write”,这两个方法都属于闭包,他们都有权访问log_name变量。”read”负责读取log_name这个变量的值,而”write”负责重写log_name的值,在外部是没有任何情况直接访问log_name变量的,只能通过这两个方法来进行间接的访问和设置这个变量,这样的方法同样属于闭包。

 1 var logHello;
 2
 3 logHello = ( function () {
 4
 5     var log_name = ‘wyz‘;
 6
 7     return {
 8         read: function () {
 9             return log_name;
10         },
11
12         write: function (newValue) {
13             log_name = newValue;
14         }
15     };
16
17 } )();

闭包是怎么形成的?

从上面都知道判断一个变量是否可以回收,根据这个变量的引用计数就可以判断,比如下面例中,局部变量log_name的引用计数为1,表示有一个引用,所以就垃圾回收器就不会回收此变量,这就是闭包的形成。

 1 var logHello;
 2
 3 logHello = ( function () {
 4
 5
 6     var log_num = 20;
 7
 8     return function() {
 9
10            return log_num;       <<返回一个匿名函数,函数内部可以对局部变量log_num进行访问。
11
12     };
13
14
15 } )();

经过上面的一些例子,就很容易理解了,噢~还没有理解?,那你再继续看看后面的总结吧(但相信我,多思考思考,肯定能理解)。

关于闭包,总结一下,可以说成有权限访问另外一个函数内部变量的函数并且函数不会随着执行完毕而被回收,因为在返回的闭包函数中会存在着对这个函数内部变量的引用。

时间: 2024-10-22 06:42:56

深入浅出Javascript闭包的相关文章

深入浅出JavaScript函数 v 0.5

本文的观点是建立在<JavaScript权威指南 6th Ed> <JavaScript高级编程 3th Ed> <JavaScript精粹 2th Ed>之上, 笔者将尽所能将概念.原理叙述清楚,由于笔者水平有限,理解不当之处在所难免,请读者不吝交流. 目录 1 什么是函数? 2 函数就是对象! 3 函数字面量(函数表达式) 4 函数调用 4.1 方法调用模式 4.2 函数调用模式 4.3 构造器调用模式 4.4 间接调用模式 5 函数的参数与返回值 6 扩充类型的功

PHP (20140510)深入浅出 JavaScript 变量、作用域和内存 v 0.5

深入浅出 JavaScript 变量.作用域和内存 v 0.5 本文主要从原理入手分享变量和作用域的相关知识,最后结合本文所分享知识,再次深入了解下闭包的运行原理. 主要参考<JS高级程序设计> <JS权威指南> <高性能 JS> 三本书. 目录 1 变量 1.1 变量的声明 1.2 变量类型的特点 2 执行环境和作用域 3 再谈谈闭包 变量 对 JavaScript 稍微有点了解的同学都知道,JavaScript 中的变量与其他语言的变量有很大区别. JS 的弱类型的

深入理解javascript闭包

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 function

JavaScript 闭包

1.词法作用域: 简单地说子集能访问父级的变量, 说人话就是变量拿来就用不用传入 2.函数局部变量: 在函数体中以var 声明变量的为局部变量 + 函数传入的参数, 直接写变量名声明的变量是全局变量 3.局部变量生存期: 局部变量在函数函数的执行期间可用,  一旦执行过后,局部变量将不再可用 4.延长局部变量生存期: 现在问题来了,我想要延长局部变量的生存期,怎么办.(因为调用函数不仅仅是为了return, 有时候还需要保存函数中的状态, 或者实现类等等) 5.使用全局变量不好吗: 不好.有时函

javascript—闭包

javascript 闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对0), 而这些键值对是不会随上一级函数的执行完成而销毁. function a(){ var i=0; function b(){ alert(++i); } return b; } var c=a(); c(); 在执行完var c=a()后,变量c实际上是指向了函数b,b中用到了变量i, 再执行c()后就会弹出一个窗口显示i的值(第一次为1).这段代码其实就创建了一个闭包. 为什么?因为函数a外的

JavaScript 闭包究竟是什么

JavaScript 闭包究竟是什么 1.简单的例子 首先从一个经典错误谈起,页面上有若干个div, 我们想给它们绑定一个onclick方法,于是有了下面的代码 <div id="divTest"> <span>0</span> <span>1</span> <span>2</span> <span>3</span> </div> <div id="d

全面理解Javascript闭包和闭包的几种写法及用途

一.什么是闭包和闭包的几种写法和用法                                                       1.什么是闭包 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分.闭包的特点: 1. 作为一个函数变量的一个引用,当函数返回时,其处于激活状态. 2. 一个闭包就是当一个函数返回时,一个没有释放资源的栈区. 简单的说,Javascript允许使用内部函数---即函数定义和函数表

javascript闭包的简单理解

奖Javascript闭包前,先给大家讲个小故事 故事背景:刘备和曹操煮酒的时间段,故事可能有点小差异,刘备为曹操手下,关羽为间谍. 咳咳 曹操很想知道手下新来的刘备整天鼓捣啥: 曹操就问刘备,玄德你整天鼓捣啥: 刘备想,我靠这怎么能告诉你,劳资岂不是找死,打个马虎眼就过去了,曹操什么也没问出来: 刘备回到家里,跟关羽说,二弟,哼,曹操那个傻吊,哼! 关羽晚上也回到家里,跟老婆说,哼,大哥那个傻吊,哼!我这就去告诉丞相: 曹操也不能罢休,就去问关羽,关羽正要去告密,就一五一十  ¥%…@?%%:

javascript 闭包学习

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. Js代码 var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. Js代码 function