你必须知道的Javascript知识点之"深入理解作用域链"的介绍

示例代码：


代码如下:

var xxxVar1 = 1;
 var outer = function(){
    var xxxVar2 = 2;

var results = [];

for(var i = 0; i< 3; i++)
    {
       var inner = function(){
          var xxxVar3 = 3;
          return xxxVar3 + xxxVar2 +xxxVar1 + i;
       }
       results .push(inner);
    }

return results;
 }

var xxxVar1 = 100;
 var xxxVar2 = 200;
 var xxxVar3 = 300;
 var results = outer();
 results[0]();
 results[1]();
 results[2]();

执行结果

发生了什么事情很多人都可能知道上例的执行结果，但是不是所有人都明白为什么会是这样的结果，包括我自己。名词解释活动对象：一次函数调用开始的时候，javascript解释器会收集函数体中的所有局部变量（以var形式声明的变量），将这些局部变量存储到一个称为“活动对象”的对象里，所有变量都初始为undefined。
代码示例


代码如下:

var fun = function(){
    alert(name);
    var name = '段光伟';
 }

当执行这个函数时候时（fun()），函数体还没执行到，当前的活动对象为[｛ name: undefined ｝]，因此fun()执行的结果为：


  • 函数的[scope]属性：每个函数在定义的时候（生成函数实例的时候）都会分配一个[scope]属性，这个属性指向的当前的“作用域链”。这个属性开发人员是访问不到的，只有javascript能访问。

  • 作用域链：当函数调用时，javascript引擎会维护一个这次调用的作用域链，这个作用域链条是函数的[scope]指向的作用域链加上函数调用时的活动对象，形式如[ 活动对象, 函数定义时的作用域链条]。
    代码示例


    代码如下:

    var a = 1;
     //步骤1：[ { a: 1, outer: undefined } ]

    var outer = function(){
        //步骤3：[ { b: undefined, inner: undefined } ,{ a: 1, outer: function } ]
        var b = 2;
        var inner = function(){
           //步骤5：[ {}, { b: 2, inner: function } ,{ a: 1, outer: function } ]
           return a + b;
        }

    //步骤4：[ { b: 2, inner: function } ,{ a: 1, outer: function } ]
        return inner();
     }

    //步骤2：[ { a: 1, outer: function } ]
     outer();

    作用域链规则规则1

    javascript一般运行在一定的宿主中，每个宿主都会提供一个“全局对象”，或者叫“全局活动对象”，这个全局对象是所有作用域链的根节点。

    规则2

    “取值操作”（如：alert(xxxVar)）的规则是，沿着作用域链依次查找名称为“xxxVar”的变量，返回第一个找到的值，如果找不到就抛出异常（ReferenceError: xxxVar is not defined）。

    规则3

    “赋值操作”（如：xxxVar = '段光伟'）的规则是，沿着作用域链依次查找名称为“xxxVar”的变量，覆盖第一个找到的值，如果找不到就将“xxxVar”添加到全局对象中。

    备注“闭包”这个概念就是通过“作用域链”实现的，而C#是通过编译器实现的，.NET并不支持。

    • 赞 (0)

    相关推荐

    • JavaScript作用域链使用介绍

      JavaScript作用域链使用介绍

      之前写过一篇JavaScript 闭包究竟是什么的文章理解闭包,觉得写得很清晰,可以简单理解闭包产生原因,但看评论都在说了解了作用域链和活动对象才能真正理解闭包,起初不以为然,后来在跟公司同事交流的时候发现作用域和执行环境确实很重要,又很基础,对理解JavaScript闭包很有帮助,所以在写一篇对作用域和执行环境的理解. 作用域 作用域就是变量和函数的可访问范围,控制着变量和函数的可见性与生命周期,在JavaScript中变量的作用域有全局作用域和局部作用域. 单纯的JavaScript作用域还

    • 深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解

      函数表达式 1.JavaScript中定义函数有2钟方法: 1-1.函数声明: 复制代码 代码如下: function funcName(arg1,arg2,arg3){  //函数体} ①name属性:可读取函数名.非标准,浏览器支持:FF.Chrome.safari.Opera. ②函数声明提升:指执行代码之前会先读取函数声明.即函数调用可置于函数声明之前. 1-2.函数表达式: 复制代码 代码如下: var funcName = function(arg1,arg2,arg3){  //函

    • javascript从作用域链谈闭包

      javascript从作用域链谈闭包

      神马是闭包 关于闭包的概念,是婆说婆有理. 闭包是指有权访问另外一个函数作用域中的变量的函数 这概念有点绕,拆分一下.从概念上说,闭包有两个特点: 1.函数 2.能访问另外一个函数作用域中的变量 在ES 6之前,Javascript只有函数作用域的概念,没有块级作用域(但catch捕获的异常 只能在catch块中访问)的概念(IIFE可以创建局部作用域).每个函数作用域都是封闭的,即外部是访问不到函数作用域中的变量. function getName() { var name = "美女的名字&

    • javascript 嵌套的函数（作用域链）

      嵌套的函数(作用域链) 当你进行函数的嵌套时,要注意实际上作用域链是发生变化的,这点可能看起来不太直观.你可把下面的代码置入firebug监视值的变化. 复制代码 代码如下: var testvar = 'window属性'; var o1 = {testvar:'1', fun:function(){alert('o1: '+this.testvar+'<<');}}; var o2 = {testvar:'2', fun:function(){alert('o2: '+this.testv

    • js作用域及作用域链概念理解及使用

      (1)作用域 一个变量的作用域(scope)是程序源代码中定义的这个变量的区域. 1. 在JS中使用的是词法作用域(lexical scope) 不在任何函数内声明的变量(函数内省略var的也算全局)称作全局变量(global scope) 在函数内声明的变量具有函数作用域(function scope),属于局部变量 局部变量优先级高于全局变量 var name="one"; function test(){ var name="two"; console.log

    • JavaScript中的作用域链和闭包

      JavaScript中的作用域链和闭包

      作用域 全局作用域 局部作用域 作用域链 执行上下文 活动对象 闭包 闭包优化 JavaScript中出现了一个以前没学过的概念--闭包.何为闭包?从表面理解即封闭的包,与作用域有关.所以,说闭包以前先说说作用域. 作用域(scope) 通常来说一段程序代码中使用的变量和函数并不总是可用的,限定其可用性的范围即作用域,作用域的使用提高了程序逻辑的局部性,增强程序的可靠性,减少名字冲突. 全局作用域(Global Scope) 在代码中任何地方都能访问到的对象拥有全局作用域,以下几种情形拥有全局作

    • 深入理解JavaScript高级之词法作用域和作用域链

      深入理解JavaScript高级之词法作用域和作用域链

      主要内容:1.分析JavaScript的词法作用域的含义 2.解析变量的作用域链 3.变量名提升时什么 最近在传智播客讲解JavaScript的课程,有不少朋友觉得JavaScript是如此的简单,但是又如此的不知如何使用,因此我准备了一些内容给大家分享一下. 这个系列主要讲解JavaScript的高级部分的内容,包括作用域链.闭包.函数调用模式.原型以及面向对象的一些东西. 在这里不包含JavaScript的基本语法,如果需要了解基础的同学可以到http://net.itcast.cn里面去下

    • 深入理解JavaScript系列（14） 作用域链介绍(Scope Chain)

      前言 在第12章关于变量对象的描述中,我们已经知道一个执行上下文 的数据(变量.函数声明和函数的形参)作为属性存储在变量对象中. 同时我们也知道变量对象在每次进入上下文时创建,并填入初始值,值的更新出现在代码执行阶段. 这一章专门讨论与执行上下文直接相关的更多细节,这次我们将提及一个议题--作用域链. 英文原文:http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文参考:http://www.denisdeng.com/?p

    • JavaScript作用域与作用域链深入解析

      JavaScript作用域与作用域链深入解析

      作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理.今天这篇文章对JavaScript作用域和作用域链作简单的介绍,希望能帮助大家更好的学习JavaScript. JavaScript作用域 任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期.在JavaScript中,变量的作用域有全局作用域和局部作用域两种. 1. 全局作用域(Global Sc

    • JavaScript 作用域链解析

      JavaScript 作用域链解析

      JavaScript中有Scope(作用域),Scope chain(作用域链),Execute context(执行上下文),Active Object (活动对象),Dynamic Scope(动态作用域),Closure(闭包)这些概念,要理解这些概念,我们从静态和动态两个方面去分析一下. 首先我们写一个简单的function来做一个例子: 复制代码 代码如下: function add(num1, num2){ var sum = num1 + num2; return sum; } 我

    • 结合代码图文讲解JavaScript中的作用域与作用域链

      结合代码图文讲解JavaScript中的作用域与作用域链

      先上三段说明作用域的代码 //==========例1========== var scope='global'; function fn(){ alert(scope); var scope='local'; alert(scope); } fn(); //输出结果? alert(scope);//输出结果? //===========例2========== var scope='global'; function fn(){ alert(scope); scope='local'; ale

    • js 函数的执行环境和作用域链的深入解析

      第一步. 定义后:每个已定义函数,都有一个内在属性[scope],其对应一个对象的列表,列表中的对象仅能内部访问. 例如:建立一个全局函数A,那么A的[Scope]内部属性中只包含一个全局对象(Global Object),而如果我们在A中创建一个新的函数B,那么B的[Scope]属性中就包含两个对象,函数A的Activation Object对象在前面,全局对象(Global Object)排在后面. 简而言之,一个函数的[Scope]属性中对象列表的顺序是上一层函数的Activation O

    • 深入理解JavaScript作用域和作用域链

      深入理解JavaScript作用域和作用域链

      作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理.今天这篇文章对JavaScript作用域和作用域链作简单的介绍,希望能帮助大家更好的学习JavaScript. JavaScript作用域 任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期.在JavaScript中,变量的作用域有全局作用域和局部作用域两种. 1. 全局作用域(Global Sc

    随机推荐