关闭

js执行环境与作用域、函数的创建和调用

时间: 2021-02-01阅读: 241标签: 作用域

执行环境

执行环境:定义变量或函数有权访问的其他数据

每个执行环境对应与之关联的变量对象。

变量对象:保存环境中定义的所有变量和函数。

全局执行环境:最外围的执行环境,在web浏览器中,全局执行环境为window对象。

全局变量对象:保存所有window对象下的属性和方法。



执行环境的销毁

某个执行环境在所有代码执行完毕后,这个执行环境就会被销毁,保存在其中的所有变量和函数定义也随之销毁。

全局执行环境直到应用退出,例如关闭网页或浏览器时销毁。

每个函数都有一个执行环境,当函数开始进入执行流时,会将此函数的执行环境推入环境栈中,当函数执行完后,会将此函数的执行环境从环境栈中弹出,将环境栈的控制权交还给之前的执行环境。



作用域链

当代码在一个执行环境中执行时,会创建变量对象的一个作用域链。

作用域链:保证对执行环境有权访问的所有变量和函数的有序访问;作用域链的前端始终是当前执行代码所在环境的变量对象。

如果执行的是一个函数,那么作用域链的前端就是函数的活动对象(activation object),在最初活动对象中只有一个变量arguments对象(该对象在全局环境中是不存在的),arguments对象是一个类数组对象,它包含着传入该函数的所有参数。

作用域链中的下一个变量对象则来自于包含(外部)环境;

下一个变量对象则来自下一个包含环境;

.........

这样一直延到全局执行环境(见下图)。(全局执行环境始终是作用域链中的最后一个变量对象)

js中的标识符解析就是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终做作用域链的前端开始(如下图中的0级,如果是函数就是函数本身的活动对象),然后一级一级地向后回溯,直至找到标识符为止。(如果找不到通常出错)


JavaScript高级程序设计中》例子来说明:

        var color = "blue";

        function changeColor() {  
            var anotherColor = "red";

            function swapColors(){
                var tempColor = anotherColor;
                anotherColor = color;
                color = tempColor;

                // 这里可以访问tempColor、anothercolor、color
            }
            // 这里可以访问anothercolor、color
            swapColors();
        }
        // 这里只能访问 color
        changeColor();

这段代码中包括3个执行环境,分别是全局执行环境、changeColor()执行环境、swapColor()执行环境。

swapColors()可以访问tmpeColor、anotherColor、color所有变量,changeColor()可以访问anotherColor、color,changeColor只能访问color。

从这个例子可以看出内部环境可以通过作用域链访问所有外部环境,但是外部环境不能访问内部环境中的任何变量和函数。这些环境之间是有线性的、有次序的。

每个环境都是向上搜索作用域链来查询变量或者函数名,任何环境都不能向下搜索作用域链而进入另一个执行环境。

swapColors()作用域中包含3个对象:它自身的变量对象、changeColor()的变量对象和全局变量对象。swapColor()局部执行环境开始时会先从自身的变量对象中搜索变量和函数名,如果搜索不到则搜索上一级作用域链。

 

函数执行过程

        function compare(value1,value2) {
            if(value1 < value2){
                return -1;
            }else if(value1 > vlue2){
                return 1;
            }else{
                return 0;
            }
        }

        var result = compare(2,5);

创建一个compare函数,调用函数。下面解释下函数创建和调用时候都做了哪些操作:

  1. 在创建compare()函数时,会创建一个预先包含了全局变量对象的作用域链存在函数内部的[[scope]]属性中;(说明:全局环境的变量对象始终存在。)
  2. 在调用compare()函数时,会为函数创建一个执行环境,然后通过复制函数内部的[[scope]]属性中的对象构建起执行环境中的作用域链;
  3. 函数本身的活动变量被创建,在这里作为变量对象推入到作用域链的前端;

当调用compare()的时候,创建了执行环境,创建了作用域链,并创建了函数本身的活动对象,同时将此活动对象作为变量对象推入到了作用域的前端,在compare()函数的作用域链中,自身的活动对象处在作用域链的第一位,全局变量对象处于作用域的第二位。在函数执行过程中,读取和写入变量值时,都需要在作用域链中查找变量,无论什么时候查找变量,都是在作用域链中搜索相应名字的变量。

作用域链本身是一个指向变量对象的指针列表,只包含引用不实际包含变量对象。



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/10179

ES5中模仿块级作用域

有一定JavaScript开发经验的人应该会熟悉下面这种立即执行函数的写法:不过即使不熟悉也没关系,这里我会讲解这种写法的含义。先来看下面这个更容易理解的示例:

JavaScript 预编译与作用域

JavaScript 预编译的过程和作用域的分析步骤是 JS 学习中重要的一环,能够帮助我们知道代码的执行顺序,更好理解闭包的概念;JavaScript 执行步骤:检查通篇的语法错误 -> 预编译 -> 解释执行

javascript变量作用域有哪些?

变量的作用域指变量有效的范围,与变量定义的位置密切相关,作用域是从空间的角度来描述变量的,也可以理解为变量的可见性。在某个范围内变量是可见的,也就是说,变量是可用的。

ES6之块级作用域

在ES5中,只全局作用域和函数作用域。这会导致函数作用域覆盖了全局作用域;亦或者循环中的变量泄露为全局变量。用let命令新增了块级作用域,外层作用域无法获取到内层作用域,非常安全明了。

Js作用域和执行上下文

作用域是在函数声明的时候就确定的一套变量访问规则,而执行上下文是函数执行时才产生的一系列变量的集合体。也就是说作用域定义了执行上下文中的变量的访问规则,执行上下文是在这个作用域规则的前提下执行代码的。

JavaScript中作用域链的概念及用途

之前我写过一篇关于JavaScript中的对象的一篇文章,里面也提到了作用域链的概念,相信大家对这个概念还是没有很深的理解,并且这个概念也是面试中经常问到的,因为这个概念实在太重要了

JavaScript中的var与作用域

JavaScript中没有块级作用域,块级作用域中声明的变量将被添加到当前的执行环境中。在JavaScript中,由for语句创建的变量,即使在for循环执行结束后,也依旧会存在于循环外部的执行环境中。

深入理解 JavaScript, 从作用域与作用域链开始

作用域是你的代码在运行时,某些特定部分中的变量,函数和对象的可访问性。换句话说,作用域决定了变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。

不只是块级作用域,你不知道的let和const

ES6新增了两个重要的关键字let和const,相信大家都不陌生,但是包括我在内,在系统学习ES6之前也只使用到了【不存在变量提升】这个特性。let声明一个块级作用域的本地变量

理解JavaScript中的作用域和上下文

JavaScript对于作用域(Scope)和上下文(Context)的实现是这门语言的一个非常独到的地方,部分归功于其独特的灵活性。 函数可以接收不同的的上下文和作用域

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!