20170525-执行环境、作用域链、作用域

CodeEclipse
• 阅读 1447

执行环境

  • 执行环境中定义了变量和函数有权访问的其他数据,决定了他们各自的行为。

  • 当JavaScript解释器初始化执行代码时,它首先默认进入全局执行环境,从此刻开始,函数的每次调用都会创建一个新的执行环境。

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

  • 执行环境可以分为创建、执行、销毁三个阶段。在创建阶段,解析器首先会创建一个变量对象(variable object),它由定义在执行环境中的变量、函数声明、和参数组成。在这个阶段,作用域链会被初始化,this的值也会被最终确定。在执行阶段,代码被解释执行。 某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁

作用域链

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

  • 作用域链的作用是:保证对 当前执行环境权访问的所有变量和函数的有序访问

  • 作用域的前端始终是当前执行的代码所在环境的变量对象

  • 作用域链的最后始终是全局执行环境的变量对象

  • 作用域链里只包含上一级的变量对象,但并不包括下一级的变量对象

  • 标识符解析的是沿着作用域链一级一级地搜索标识符的过程,搜索始终从作用域链的前端开始(当前环境的变量对象),逐级向后查找(上级环境的变量对象),直至找到标识符为止

  • 内部环境可以通过作用域链访问所有外部环境,但是外部环境无法访问内部环境中的任何变量和函数

  • 延长作用域链:

    • 在作用域链的前端(自己的变量对象之前)临时增加一个变量对象,该变量对象会在(这段)代码执行后被移除

    • try-catch语句中的catch块

    • with语句:

function builder(){
    var str = "advd"
    // 在作用域链的前端临时增加了一个变量对象,这样在当前执行环境中就可以访问loaction的属性和方法了
    with(location){
        var url = href + str
    }
    // 当with代码执行后,作用域链中的临时变量对象被移除,此时无法访问href
    console.log(href) //  Uncaught ReferenceError: href is not defined
    return url
}

作用域

  • 我认为作用域链是对变量对象/执行环境而言的,当执行环境中出现一个变量时,应该按照怎样的搜索方式(沿着作用域链)去找到这个变量

  • 作用域是对于变量而言的,指明了这个变量在哪些地方可以被访问到,例如某一变量处于全局作用域中,则该变量可以在代码的任何地方被访问到

  • 全局作用域:

    • 最外层函数和最外层函数外面定义的变量拥有全局作用域

    • 所有 未定义 (要理解这个未定义的含义) 直接赋值的变量自动声明为拥有全局作用域

    • window对象的属性拥有全局作用域

  • 函数作用域:

    • 在函数中定义的变量

    • 给函数传递的参数

点赞
收藏
评论区
推荐文章
Souleigh ✨ Souleigh ✨
4年前
JS - 作用域
一、作用域作用域,即变量(变量作用域又称上下文)和函数生效(能被访问)的区域或集合换句话说,作用域决定了代码区块中变量和其他资源的可见性举个例子function myFunction(){    let inVariable  "函数内部变量";}myFunction();//要先执行这个函数,否则根本不知
Karen110 Karen110
4年前
一篇文章带你了解JavaScript作用域
在JavaScript中,对象和函数也是变量。在JavaScript中,作用域是你可以访问的变量、对象和函数的集合。JavaScript有函数作用域:这个作用域在函数内变化。一、本地JavaScript变量一个变量声明在JavaScript函数内部,成为函数的局部变量。局部变量有局部作用域:它们只能在函数中访问。JS://codeherecann
菜园前端 菜园前端
2年前
为你解惑JS作用域和作用域链知识
原文链接:变量作用域一个变量的作用域(scope)是程序源代码中定义这个变量的区域。全局变量拥有全局作用域,在JavaScript代码中的任何地方都是可以访问的。然而在函数内声明的变量只能在函数体内访问,它们是局部变量,作用域是局部性的。函数参数也是局部变
御弟哥哥 御弟哥哥
4年前
彻底理解js的执行上下文,以及变量对象
在js中,执行上下文(ExecutionContext)是非常重要的一种对象,它保存着函数执行所需的重要信息,其中有三个属性:变量对象(variableobject),作用域链(scopechain),this指针(thisvalue),它们影响着变量的解析,变量作用域和函数this的指向。上下文栈(ExecutionContextS
Stella981 Stella981
3年前
JS中!function(){}()的理解
这种写法,是一种立即执行函数的写法,即IIFE等设计模式。这种函数在函数定义的地方就直接执行了。理解IIFE设计模式的关键是要认识到,在ES6之前,JavaScript仅具有函数作用域(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fen.wikipedia.org%2Fwiki
Stella981 Stella981
3年前
JS 中的this指向问题和call、apply、bind的区别
this的指向问题一般情况下this对象指向调用函数的对象,全局环境中执行函数this对象指向window。functiona(){console.log(this);//输出函数a中的this对象}functionb(){};varc{name:"call"}
Stella981 Stella981
3年前
JavaScript基础2
普通的JavaScript对象是命名值的无序集合,JavaScript同样定义了一种特殊的对象数组array,表示带编号的值的有序集合,JavaScript为数组定义了专用的语法,使得数组具有区别于普通对象而独有的行为特性JavaScript还定义了另一种特殊对象函数,函数是具有与它相关联的可执行代码的对象,通过调用函数来运行可执行代码并返回运算结
Stella981 Stella981
3年前
JavaScript之深入理解this
定义this是函数运行时自动生成的内部对象,即调用函数的那个对象。(不一定很准确的定义,但还算通俗易懂)在大多数情况下,this的值由函数调用方式决定,它不能在执行期间赋值来设置,它在每次执行下可能都有不同的值。全局执行环境(outsidefunction)在全局执行环境中,this一直
Wesley13 Wesley13
3年前
Java提高篇——静态代码块、构造代码块、构造函数以及Java类初始化顺序
静态代码块:用staitc声明,jvm加载类时执行,仅执行一次构造代码块:类中直接用{}定义,每一次创建对象时执行。执行顺序优先级:静态块,main(),构造块,构造方法。构造函数publicHelloA(){//构造函数}关于构造函数,以下几点要注意:1.对象一建立,就会调用与之相应的构造
小万哥 小万哥
1年前
Go 语言函数、参数和返回值详解
函数是一组语句,可以在程序中重复使用。函数不会在页面加载时自动执行。函数将通过调用函数来执行。创建函数要创建(通常称为声明)一个函数,请执行以下操作:使用func关键字。指定函数的名称,后跟括号()。最后,在花括号内添加定义函数应执行的代码。语法Gofun
基于Effect的组件设计 | 京东云技术团队
Effect的概念起源从输入输出的角度理解Effect编程中的Effect起源于函数式编程中纯函数的概念纯函数是指在相同的输入下,总是产生相同的输出,并且没有任何副作用(sideeffect)的函数。副作用是指函数执行过程中对函数外部环境进行的可观察的改变