一、执行环境

在有关于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. Deeplearning原文作者Hinton代码注解

    [z]Deeplearning原文作者Hinton代码注解 跑Hinton最初代码时看到这篇注释文章,很少细心,待研究... 原文地址:>http://www.cnblogs.com/BeDPS ...

  2. c++异常 连续抛出异常

      今天天遇到这样一个问题,连续两次抛出异常,但是只有一个catch,会导致core这个时候会导致core, 单线程编程中可能很少遇到这样的问题,但是多线程中是很容易遇到的, 举个例子:catch代码 ...

  3. eclipse中servers(服务器)的配置

    eclipse中servers(服务器)的配置 使用eclipse+tomcat时,很多人喜欢安装tomcat插件,以便一键启动tomcat,但我不喜欢给eclipse安装一些非必须的插件,而ecli ...

  4. Ueditor上传图片到本地改造到上传图片到云存储

    作为新手说多了都是泪啊!我特别想记录一下作为菜鸟时的坑.看看以后是否会看着笑出来. 为什么要改到云存储上就不说了.好处多多. 视频教程上使用的又拍云同时也提到了七牛云.下来我自己也查了下.又拍云是试用 ...

  5. iPhone(iOS设备) 无法更新或恢复时, 如何进入恢复模式

    在更新或恢复 iPhone  时,如果遇到以下所列问题之一.可能就要将设备置于恢复模式,并尝试重新恢复设备. 设备不断地重新启动,但从未显示主屏幕. 无法完成更新或恢复,且 iTunes 不再能识别设 ...

  6. PCB阻抗调节

    在PCB厂家调节的阻抗指的是:传输线的“特征阻抗”,反映传输线上所走“行波”某点的电压和电流的比值,与线长无关.传输线本身的特性. 线宽:反比 介质厚度:正比

  7. bash/shell 数学计算

    $ echo $((20.0/7)) $ zcalc $ bc <<< 20+5/2 $ bc <<< 'scale=4;20+5/2' $ expr 20 + 5 ...

  8. [HDOJ1078]FatMouse and Cheese(记忆化搜索)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1078 题意:给出n, k,然后给出n*n的地图,(下标0~n-1),有一只老鼠从(0,0)处出发,只能 ...

  9. JQuery Highcharts图表控件多样式显示多组数据

    具体实现的效果如图: 具体代码: ASP.NET前台脚本代码: <%@ Page Language="C#" AutoEventWireup="true" ...

  10. UVa (一道比较复杂的广搜) 816 Abbott’s Revenge

    题意: 给出一个迷宫,在迷宫的节点处,面向某个方向只能向给定的方向转弯.给出起点和终点输出迷宫的最短路径,这里指的是刚刚离开起点的时刻,所以即使起点和终点重合路径也非空. 分析: 用三个变量来表示状态 ...