浅谈Javascript闭包
垃圾回收器
我个人把闭包抽象的称之为”阻止垃圾回收器的函数”或者”有权访问另一个函数内部变量的函数"(当然这个是我个人的理解方式,每个人可能会有不同的理解方式),为什么这样说?这样说还得说说垃圾回收器,一些编程语言如C语言对于内存管理是由程序员说了算,也就是说程序员决定这个变量是否还需要,如果不需要就释放这个变量占用的空间,而这个变量也不复存在了,这样做的好处是可以及时释放内存空间,让那些需要使用内存空间的程序来使用。
而在Javascript中,我们是不需要这样做的,Javascript有一个叫”垃圾回收器”的系统,它会自动对于那些我们不再使用的变量进行回收。那问题来了,它怎么知道我们不再需要这个变量了?在Javascript里面有两个回收机制一个为:”引用计数”,另外一个为"标记清除",垃圾回收器会根据代码里面对变量的调用(引用)来判断,如果这个变量的调用(引用)为0那么就表示可以回收了。
引用计数
引用计数是如何工作?拿一个例子来说吧:
“有一家公司的小明,他工作是和销售有关的,所以他每天会开公司的车去见客户、接客户进行推销。而取得公车的步骤需要向管车的王大爷进行预约,然后王大爷会把预约纪录到今天的预约表上,使用完后需要把车交给王大爷并把记录划掉。有一天小明需要使用公车,小明打电话给王大爷表明他下午两点会使用公车,王大爷随后把此次预约纪录到了今天的预约表上,到了约定时间,小明取到了公车。随后与客户一番见面商谈过后把公车交还给王大爷,王大爷同时也把预约表上的小明这一条记录给划掉,王大爷随后看了看预约表,今天没有人预约了,看来可以早点下班了,于是把车停回车库下班了。”
其实上面的例子可以看出来,王大爷相当于”垃圾回收器”,而王大爷依据什么来进行处理回收的?是根据预约表,而这个预约表就相当于”引用计数”,当这个预约表上没有人预约公车的时候,王大爷就把车停回了车库,当然如果还有预约王大爷还得一直等待预约表上没有任何预约了才能把车停回车库并下班。也就相当于当这个变量没有人在需要使用的时候,这个变量就可以被“回收”了。
标记清除
这一节点很感谢"linkFly"前辈指出我的错误,我错误的把"引用计数"理解为最常用的计数了,所以在这里感谢"linkFly"前辈。
目前"标记清除"技术是最常用的一种内存回收机制,现在chrome和Safari以及新版本IE、opera等浏览器均采用这样的内存回收机制。
"标记清除"不同于"引用计数",标记清除更加简单,相当于告诉我们这个变量能使用或者不能用。当一个变量声明的时候,变量会被标记为"进入环境",而当变量离开了环境过后就标记为"离开环境"。
标记清除的工作方式大概为:
首先javascript会在全局中给所有的变量加上标记,然后去掉在环境中的变量以及环境中被引用的变量的标记,其他被标记的变量表示可以清除的变量,在垃圾回收器执行的时候将会把这些变量清除掉。
什么是闭包?
在正常的回收机制下,当我们不再使用这个函数或者变量的时候就会被回收,不再使用是指在当前我们执行的状态之后没有出现在调用(引用)变量的语句了。下面有一个例子,简单的介绍了一下闭包,例子中logHello被赋值一个自执行匿名函数返回的函数,这个函数是有权限访问自执行匿名函数内部的log_num变量的,这样的函数被称为闭包,因为返回的函数内部有一个对自执行匿名函数内部log_num变量的引用。
var logHello; logHello = ( function () { var log_num = 20; return function() { return log_num; }; } )();
下面还有一个例子,logHello被赋值自执行函数返回的一个对象,这个对象里面包含了两个方法”read”和”write”,这两个方法都属于闭包,他们都有权访问log_name变量。”read”负责读取log_name这个变量的值,而”write”负责重写log_name的值,在外部是没有任何情况直接访问log_name变量的,只能通过这两个方法来进行间接的访问和设置这个变量,这样的方法同样属于闭包。
var logHello; logHello = ( function () { var log_name = 'wyz'; return { read: function () { return log_name; }, write: function (newValue) { log_name = newValue; } }; } )();
闭包是怎么形成的?
从上面可以知道判断一个变量是否可以回收,根据这个变量的是否被引用就可以判断,比如下面例中,局部变量log_name被返回的匿名函数引用,那么就不会被垃圾回收器回收,这就是闭包的形成,因为闭包会保持对变量引用,让垃圾回收器不会回收此变量。
var logHello; logHello = ( function () { var log_num = 20; return function() { return log_num; <<返回一个匿名函数,函数内部可以对局部变量log_num进行访问。 }; } )();
经过上面的一些例子,就很容易理解了,噢~还没有理解?,那你再继续看看后面的总结吧(但相信我,多思考思考,肯定能理解)。
闭包可以理解为:会保存对变量的引用而不会让变量被垃圾回收器回收。
浅谈Javascript闭包的更多相关文章
- 浅谈JavaScript中的闭包
浅谈JavaScript中的闭包 在JavaScript中,闭包是指这样一个函数:它有权访问另一个函数作用域中的变量. 创建一个闭包的常用的方式:在一个函数内部创建另一个函数. 比如: functio ...
- 浅谈javascript函数节流
浅谈javascript函数节流 什么是函数节流? 函数节流简单的来说就是不想让该函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等 ...
- [转载]浅谈JavaScript函数重载
原文地址:浅谈JavaScript函数重载 作者:ChessZhang 上个星期四下午,接到了网易的视频面试(前端实习生第二轮技术面试).面了一个多小时,自我感觉面试得很糟糕的,因为问到的很多问题都 ...
- 浅谈JavaScript浮点数及其运算
原文:浅谈JavaScript浮点数及其运算 JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的.浮点数的精度问题 ...
- 浅谈 JavaScript 编程语言的编码规范
对于熟悉 C/C++ 或 Java 语言的工程师来说,JavaScript 显得灵活,简单易懂,对代码的格式的要求也相对松散.很容易学习,并运用到自己的代码中.也正因为这样,JavaScript 的编 ...
- 浅谈javascript的原型及原型链
浅谈javascript的原型及原型链 这里,我们列出原型的几个概念,如下: prototype属性 [[prototype]] __proto__ prototype属性 只要创建了一个函数,就会为 ...
- 浅谈JavaScript中的null和undefined
浅谈JavaScript中的null和undefined null null是JavaScript中的关键字,表示一个特殊值,常用来描述"空值". 对null进行typeof类型运 ...
- 浅谈JavaScript中的正则表达式(适用初学者观看)
浅谈JavaScript中的正则表达式 1.什么是正则表达式(RegExp)? 官方定义: 正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去 ...
- 浅谈JavaScript中的内存管理
一门语言的内存存储方式是我们学习他必须要了解的,接下来让我浅谈一下自己对他的认识. 首先说,JavaScript中的变量包含两种两种类型: 1)值类型或基本类型:undefined.null.numb ...
随机推荐
- javascript 实现htmlEncode htmlDecode
屌屌的写法..function htmlEncode(value){ //create a in-memory div, set it's inner text(which jQuery automa ...
- 奇异值分解(SVD) --- 几何意义
原文:http://blog.sciencenet.cn/blog-696950-699432.html PS:一直以来对SVD分解似懂非懂,此文为译文,原文以细致的分析+大量的可视化图形演示了SVD ...
- C#_ajax fileupload
@{ ViewBag.Title = "Index"; Layout = null; } <h2>Index</h2> <script src=&qu ...
- Swift 3必看:新的访问控制fileprivate和open
在swift 3中新增加了两中访问控制权限 fileprivate和 open.下面将对这两种新增访问控制做详细介绍. fileprivate 在原有的swift中的 private其实并不是真正的私 ...
- 英文破折号(em dash)、连接号(en dash)与连字符(hyphen)的区别及各自用法是什么?
英文破折号(em dash).连接号(en dash)与连字符(hyphen)的区别及各自用法是什么?在科技写作中有何特点? 2 条评论 分享 按票数排序按时间排序 6 个回答 赞同85反对, ...
- Last non-zero Digit in N!
Problem Description The expression N!, read as "N factorial," denotes the product of the f ...
- 安卓AlertDialog的使用
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setMessage("数 ...
- 使用socket实现信用卡程序和迷你购物商城
#-*- coding:utf-8 -*- from moudle import * import socketserver import json import os import time imp ...
- CCScale9Sprite的使用
#include "cocos-ext.h" USING_NS_CC_EXT; //框中需要显示的label CCLabelTTF *label = CCLableTTF::cre ...
- ie6双边距bug及其解决办法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...