博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
执行环境及作用域
阅读量:5313 次
发布时间:2019-06-14

本文共 4426 字,大约阅读时间需要 14 分钟。

  执行环境定义了变量或函数有权访问其他数据,决定了它们各自的行为。每个执行环境都有一个与之相关的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中,虽然我们编写的的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。

  全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同,表示执行的环境对象也不一样。在web浏览器中,全局执行环境被认为是window对象,因此所有全局变量和函数都是为window对象的属性和方法创建的。某个执行环境中额所有代码执行完毕后,该环境被销毁,保存在其中的所有变量很函数定义也随之销毁(全局执行环境直到应用程序退出---例如关闭网页或浏览器---时才会被销毁。)

  每个函数都有自的执行环境。当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行后,栈将其环境弹出,把控制权返回之前的执行环境。ECMAScript程序中的执行流正是由这个方便的机制控制着。

  当代码在一个环境中执行时,会创建变量对象的一个作用链(scope chain)。作用链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是执行当前执行的代码所在环境的变量对象。如果这个环境的函数,则将其活动对象(activation object)作为变量对象。活动对像在最开始时只包含一个变量,及arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包括(外部)环境,而下一个变量对象则来之下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。

  标示符解析是沿着作用域链一级一级的搜索标示符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直至找到标示符为止(如果找不到标示符,通常会导致错发生)。

  请看下面示例代码:

var color="blue";function changeColor(){  if(color==="blue"){    color="red";  } else {    color="blue";    } }changeColor();alert("Color is now "+color);//Color is now red

  在这个例子中,函数changeColor()的作用域链包含两个对象,它自己额变量对象(其中定义着arguments对象)和全局环境的变量对象。可以在函数内部访问变量color,就是因为可以在这个作用域链中找到它。

  此外,在局部作用域中定义的变量可以在局部环境中与全局变量互换使用,如下面这个例子所示:

var color="blue";fucntion changeColor(){  var anotherColor="red ;  function swapColors(){    var tempColor=anotherColor;    anotherColor=color;    color=tempColor;    //这里可以访问color、anotherColor和tempColor    }   //这里可以访问color和anotherColor,但不能访问tempColor  swapColors();    }//这里只能访问colorchangeColor();

  以上代码共涉及3个执行环境:全局环境、changeColor()的局部环境和swapColors()的局部环境。全局环境中有一个变量color和一个函数changeColors()。changeColor()的局部环境中有一个名为anotherColor的变量和名为swapColors()的函数,但它可以访问全局环境中的变量color。swapColors()的局部环境中有一个变量tempColor。该变量只能在这个环境中访问到。无论全局环境哈哈是changeColor()的局部变量都无权访问tempColor。然而,在swapColors()内部这可以访问其他两个环境中的所有变量,因为那两个环境是它的父执行环境。

延长作用域链

  虽然执行环境类型只有两种-----全局和局部(函数)。但还是有其他办法来延长作用域链。因为有写语句可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行后被移除。在两种情况下会发生这种现象。具体来说,就是当执行流进入下列任何一个语句时,作用域链就会得到加长:

  •try-catch 语句的 catch块;

  •with语句。

  这两个语句都会在作用域链的前端添加一个变量对象。对with语句来说,将会指定的对象添加到作用域链中。对catch语句来说,会创建一个新的变量对象,其中包含的是被抛出的错误对象的声明。下面看一个里例子:

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

  在此,with语句接收的是location对象,因此其变量对象中就包含了laocation对象的所有属性和方法,而这个变量对象被添加到了作用域链的前端。buildUrl()函数中定义了一个变量qs。当在with语句中引用变量href时(实际引用的是loacation.href),可以在当前执行环境的变量对象中找到。当引用变量qs时,引用的则是在buildUrl()中定义的那个变量,而该变量位于函数环境的变量部分,所以可以作为函数的值被返回。

在ie8及之前的版本JavaScript实现中,存在一个与标准不一致的地方,即在catch语句中捕获的错误对象会被添加到执行环境额变量对象,而不是catch语句的变量对象中。换句话说,即使是在catch块的外部也可以访问到错误对象。

 

没有块级作用域

if(true){ var color="blue";    }alert(color);//blue

  这个是一个if语句中定义了变量color,如果是在C、C++或是Java中,color会在if语句执行完毕后被销毁。但在JavaScript中,if语句中变量声明会将变量添加到当前的执行环境中。在使用for语句时尤其要牢记这一差异,例如:

for(var i=0;i<10;i++){  doSometing(i);  }alert(i);//10

  对于有块级作用域的语言来说,for语句初始化变量的表达式所定义的变量,只会存在于循环的环境中,而对于JavaScript来说,有for语句创建的变量i即使在for循环执行结束后,也依旧会存在与循环外部的执行环境中。

  1.声明变量

  使用var声明的变量会自动被添加到最近的环境中。在函数内部,最接近的环境就是函数的局部环境;在with语句中,最接近的环境是函数环境。如果初始化变量时没有使用var声明,该变量会自动被添加到全局环境。如下所示:

function add(num1,num2){  var sum=num1+num2;  return sum;    }var result=add(10,20);//30alert(sum);//由于sum不是有效的变量,因此会导致错误

  以上代码中的函数add()定义了一个名为sum的局部变量,该变量包含加法操作的结果。虽然结果值从函数中返回了,但变量sum在函数外部是访问不到的。如果省略这个例子的var关键字,那么当add()执行完毕后,sum也将可以访问到:

function add(num1+num2){  sum=sum1+sum2;  return sum;  }var result=add(10,20);//30alert(sum);//30

  这个例子中的变量sum在被初始化赋值时没有使用var关键字。于是,当调用完add()之后,添加到全局环境中的变量sum将继续存在;即使函数已执行完毕,后面的代码依旧可以访问它。

  2.查询标示符

  当在某个环境中为了读取或写入而引用一个标示符时,必须通过搜索来确定该标示符实际代表什么。搜索过程从作用域链的前端开始,向上逐级查询与给定名字匹配的标示符。如果在局部环境中找到了该标示符,搜索过程停止,变量就绪。如果在局部变量中没有找到该变量名,则继续沿作用域链向上搜索。搜索过程将一直追溯到全局环境的变量对象。如果在全局环境中也没有找到这个标示符,则意味着该变量尚未声明。

  通过下面示例,可以理解查询标示符的过程:

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

  调用本例中的函数getColor()时会引起变量color。为了确定变量color的值,将开始一个两步的搜索过程。首先,搜索getColor()的变量对象,查找其中是否包含一个名为color的标示符。在没有找到的情况下,搜索继续到下一个变量对象(全局环境的变量对象),然后在那里找打了名为color的标示符。因为搜索到了定义这个变量的变量对象,搜索过程宣告结束。

  在这个搜索过程中,如果存在一个局部的变量的定义,则搜索会自动停止,不再进入另一个变量对象。换句话说,如果局部环境中存在着同名标示符,就不会使用位于发环境中过的标示符,如下面的例子:

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

  修改后的代码在getColor()函数中声明了一个名为color的局部环境。调用函数时,该变量就会被声明。而当函数中的第二行代码执行时,意味这必须找到并返回变量color的值。搜索过程首先从局部环境中开始,而且在这里发现了一个名为color的变量,其值为"red“。因为变量已经找到了,所以搜索即行停止,return语句就使用这个局部变量,并未函数返回”red“。也就是说,任何位于局部变量的color的声明之后的代码,如果不使用window.color都无法返回全局color变量。如果有一个操作数是对象,而另一个不是,就会在对象上调用valueOf()方法以取得基本类型的值,以便根据前面的规则进行比价。

转载于:https://www.cnblogs.com/onedaythreeeat/p/4544666.html

你可能感兴趣的文章
开发进度一
查看>>
MyBaits学习
查看>>
管道,数据共享,进程池
查看>>
CSS
查看>>
[LeetCode] 55. Jump Game_ Medium tag: Dynamic Programming
查看>>
[Cypress] Stub a Post Request for Successful Form Submission with Cypress
查看>>
程序集的混淆及签名
查看>>
判断9X9数组是否是数独的java代码
查看>>
00-自测1. 打印沙漏
查看>>
UNITY在VS中调试
查看>>
SDUTOJ3754_黑白棋(纯模拟)
查看>>
Scala入门(1)Linux下Scala(2.12.1)安装
查看>>
如何改善下面的代码 领导说了很耗资源
查看>>
Quartus II 中常见Warning 原因及解决方法
查看>>
php中的isset和empty的用法区别
查看>>
Android ViewPager 动画效果
查看>>
pip和easy_install使用方式
查看>>
博弈论
查看>>
Redis sentinel & cluster 原理分析
查看>>
我的工作习惯小结
查看>>