一、执行环境

在有关于JavaScript对象或者this的指向问题时,脱离不了的另外一个概念就是执行环境,即上下文环境。执行环境在JavaScript是一个 很重要的概念,因为它定义了变量或函数有权访问的其它数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,在该环境中定义的所有变量和 函数都保存在这个对象中。

全局环境时最外围的一个执行环境。在Web浏览器中,全局环境被认为是Window对象(后续笔记中会讨论),因此所有的全局变量和函数都是作为window对象的属性或者方法创建的。全局执行环境直到应用程序退出,例如关闭网页或者浏览器,才会被销毁。

与之对应的就是局部环境。每个函数就形成一个局部环境,当所有代码执行完毕之后,该环境即被销毁,保存其中的所有变量和函数定义也随之销毁。

  1、作用域链

当代码在一个环境中执行时,会创建对象的一个作用域链。作用域链的前端始终是当前执行的代码所在的环境变量对象,而作用域链的最后一个对象始终是全局环境的变量对象。需要注意的是,对于函数,其活动对象包含的初识变量是arguments对象,而在全局环境中是没有这个对象的。

var color="blue";
function changeColor()
{
var anotherColor="red";
function swapColor()
{
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
}
swapColor();
}
changeColor()

以上代码共涉及3个执行环境:全局环境、changeColor()的局部环境和swapColor()的局部环境。作用域链如下:

最 外围是全局环境对象window(蓝色部分),其包含变量color和函数changeColor。changeColor()的局部环境则包含变量 anotherColor和函数swapColor。swapColor()的局部环境包含一个变量tempColor,该变量只能在这个环境中访问。内 部环境可以通过作用域链访问所有的外部环境,但是外部环境不能访问内部环境中的任何变量和函数。

2、延长作用域链

JavaScript中没有块作用域的概念,所以if、for等块语句中声明的变量会被添加到当前的执行环境。

for(var i=0; i<10; i++)
{
doSth(i);
}
alert(i); //i的值是10

上述代码中的i被添加到全局环境中。在JavaScript中,使用var声明的变量自动被添加到最接近的环境中。在函数内部,最接近的环境就是函数的局部环境;在with语句中,最接近的环境就是函数环境。如果没有var声明,则被添加到全局环境。

但是,某些语句可以再作用域链的前端增加一个临时变量,来延长作用链,该临时变量在代码执行后会被删除。

2.1  try-catch语句的catch块。

2.2  with语句。

对于catch语句,会创建一个新的变量对象,该对象包含被抛出的错误对象的声明;对于with语句,会将指定的对象添加到作用域链中。

function buildUrl()
{
var qs = "?debug=true";
with(location)
{
var url = href+qs;
}
return url;
}

在with内部定义了url变量,url自动被添加到函数执行环境中,所以此变量可以作为函数的返回值。

3、查询标识符

挡在某个环境中读取或写入而引用一个标识符时,必须通过搜索来确定标识符代表什么。搜索过程从作用域链的前端开始,向上逐级查询。若在局部环境中找到,则 停止搜索,反之,则继续沿作用域链向上搜索,一直追溯到全局环境的变量对象。在全局环境中为找到该标识符,则表示其未声明。

var color="blue";
function getColor()
{
return color;
}
alert(getColor()); //blue

先在getColor()中找color标识符,如未找到,则向上搜索。

二、垃圾收集

JavaScript具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存,其原理很简单:找出那些不再继续使用的变量,然后释放其内存。因此,垃圾回收器会按照固定的时间间隔或代码执行中预定的收集时间周期性的执行这个操作。

  1、标记清除

JavaScript中最常用的垃圾收集方式就是标记清除。垃圾收集器在运行的时候会给存储在内存中的所有变量都加上标记,然后,去掉环境中的变量以及被 环境中的变量引用的变量的标记。而在此后再被添加上标记的变量将视为准备删除的变量,因为这些变量已经无法被访问。最后,垃圾收集器完成内存清除工作。 IE、FF、Chrome、Safari和Opera的JavaScript引擎都实现了这种方式。

  2、引用计数

引用计数就是跟踪记录每个值被引用的次数。当声明一个变量并将一个引用类型值赋给该变量时,则这个值的引用次数加1,相反,如果包含这个值引用的变量又取 得另外一个值,则这个值的引用次数减1。当引用次数变为0时,垃圾回收器则清除变量所占的空间。但是,这种方式会导致循环引用。

function problem()
{
var oa = new Object;
var ob = new Object;
oa.another = ob;
ob.anotherObject = oa;
}

oa和ob相互引用,当函数执行完毕时,则这两个对象的引用次数永远不会是0,若重复调用此函数,则会导致大量内存不能回收。所以这种方式并不常用。需要注意的是,在IE中涉及COM对象时,就可能存在循环引用,因为IE的部分对象不是原生的JavaScript对象,例如BOM和DOM是以C++的COM(Component Object Model,组件对象模型)对象形式实现的,COM对象采用的就是引用计数。

var element = document.getElementById("xxx");
var myobject = new Object();
myobject.element=element;
element.some=myobject;

但可以通过手动断开原生JavaScript对象和DOM元素之间的连接来避免循环引用。

myobject.element=null;
element.some=null;

将变量设置为null即可断开变量与之前引用的值之间的连接。当垃圾回收器下次运行时,就会删除这些值并回收他们所占的内存。

原文首发:http://www.ido321.com/1345.html

下一篇:【译】响应式下的下拉菜单

DOM笔记(八):JavaScript执行环境和垃圾收集的更多相关文章

  1. JavaScript 执行环境、作用域、内存管理及垃圾回收机制

    前言 JavaScript具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中使用的内存. [原理]找出那些不再继续使用的变量,然后释放其占用的内存.为此,垃圾收集器会按照固定的时间间隔( ...

  2. javascript执行环境(执行期上下文)详解

    javascript执行环境(执行期上下文) 当js控制器(control)进入可执行代码时,控制器会进入一个执行环境,活动的多个执行环境构成执行环境栈,最上面的是正在运行的执行环境,当控制器进入一个 ...

  3. DOM注意事项(八):JavaScript操作环境和垃圾收集

    一.运行环境 在约JavaScript对象或this当指向问题,念就是运行环境.即上下文环境.运行环境在JavaScript是一个非常重要的概念.由于它定义了变量或函数有权訪问的其他数据,决定了它们各 ...

  4. 【原】javascript执行环境及作用域

    最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境 一.执行环境 书上概念 ...

  5. JavaScript 执行环境(执行上下文) 变量对象 作用域链 上下文 块级作用域 私有变量和特权方法

    总结自<高程三>第四章  理解Javascript_12_执行模型浅析   JS的执行环境与作用域  javascript高级程序第三版学习笔记[执行环境.作用域] 在javascript ...

  6. JavaScript执行环境

    执行环境(Execution Context,也称为"执行上下文")是JavaScript中最为重要的一个概念.执行环境定义了变量或函数有权访问的其它数据,决定了各自的行为.当Ja ...

  7. Javascript 执行环境及作用域

    执行环境是javascript中最为重要的一个概念. 执行环境定义了变量或函数有权访问的其他数据,决定了他们各自的行为. 每个执行环境都有一个与之关联的变量对象(variable object),环境 ...

  8. 图解JavaScript执行环境结构

    JavaScript引擎在开始编译代码的时候,会对JavaScript代码进行一次预编译,生成一个执行环境,比如如下代码: window.onload=function(){ function sub ...

  9. javascript 执行环境,变量对象,作用域链

    前言 这几天在看<javascript高级程序设计>,看到执行环境和作用域链的时候,就有些模糊了.书中还是讲的不够具体. 通过上网查资料,特来总结,以备回顾和修正. 要讲的依次为: EC( ...

随机推荐

  1. 可视化MNIST之降维探索Visualizing MNIST: An Exploration of Dimensionality Reduction

    At some fundamental level, no one understands machine learning. It isn’t a matter of things being to ...

  2. Python—开始编程

    昨天我是在window上运行的Python,而今天我是在Linux上学习Python. 一般Linux上都已经安装了Python,只要我们在终端上输入命令#python,就会进入Python的交互界面 ...

  3. OpenMp之sections用法

    section语句是用在sections语句里用来将sections语句里的代码划分成几个不同的段 #pragma omp [parallel] sections [子句] {    #pragma ...

  4. 2.cadence制板流程[原创]

    1.元器件库(原理图库) 2.原理图 3.DRC检查 4.输出网表 5.PCB封装 6.板子边框 7.导入网表 8.设置约束规则 9.布局,布线,铺铜 10.DRC检查,出丝印,钻孔,出广汇

  5. Linux日常使用指令大全

    Linux日常使用指令大全 Java代码 www.ahlinux.com 001.日常维护常用查询命令 #top    显示系统进程 #clear  清理屏幕信息 #cat /etc/redhat-r ...

  6. PHP empty函数判断0返回真还是假?

    最近项目中,遇到一个字段是 “是否启用”值为0,1 在查询时没想就写了 if ( isset($args_array['useFlg']) && !empty($args_array[ ...

  7. 巧用ifstream判断文件是否存在

    最近在写手写数字的识别软件,训练样例数量巨大而且数字个数不唯一,有可能在中途粘出一部分做测试样例.因此写下面的脚本来获取文件名,之后丢到训练函数里. #include <algorithm> ...

  8. Qt之设置QWidget背景色

    简述 QWidget是所有用户界面对象的基类,这意味着可以用同样的方法为其它子类控件改变背景颜色. Qt中窗口背景的设置,下面介绍三种方法. 使用QPalette 使用Style Sheet 绘图事件 ...

  9. 在 VC6 中使用 GdiPlus-使用

    下面用 VC6 来写一个 GdiPlus 的 Demo 工程 Step1:新建一个名为 Demo_GdiPlus 的 MFC AppWizard(exe) 工程 操作步骤:(1)主菜单File-> ...

  10. PHP无法加载MySQL模块

                在 将PHP根目录下libmysql.dll复制到c:\Windows\system32中 在Apache目录中的conf\httpd.conf 中加载libmysql.dll ...