• 执行环境 及 作用域


    1. 执行环境(execution context)

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

    全局执行环境 是最外围的一个执行环境,程序退出时才会被销毁。

    每个函数都有自己的执行环境,当执行流进入到一个函数时,函数的环境就会被推倒一个环境栈中。在函数执行之后,栈将其环境弹出。

    当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途是保证 对 执行环境有权访问的所有变量和函数 的有序访问。作用域链的最前端,始终都是当前执行的代码所在环境的变量对象。全局执行环境的变量对象始终都是作用域链中的最后一个对象。

    标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始,然后逐级向后回溯,直到找到标识符为止。

    2.没有块级作用域

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

    在其他语言中,color 会在if语句执行完毕后销毁,但在JavaScript中,if语句中的变量声明会添加到当前的执行环境。

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

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

    查询标识符: 当在某个环境中为了读取或写入而引用一个标识符时,必须通过搜索来确定该标识符实际代表什么。搜索过程从作用域链的前端开始,向上逐级查询与给定名字匹配的标识符。

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

    调用本例中的函数getColor()时会引用变量color。为了确定变量color的值,首先会搜索getColor()的变量对象,在没有找到的情况下,搜索继续到下一个变量对象(全局环境的变量对象)中搜索。

    var color = "blue";
    function getColor(){
        var color = "red"
        return color;
    }
    alert(getColor());    //red
  • 相关阅读:
    vue+elemnet 实现自定义参数
    css 实现鼠标移上去标题向右滑动的效果
    vue 搜索关键字列表结果高亮显示
    leaflet 实现 测距、测面、清除测量的功能
    js对象的合并
    formdata的使用方法
    fromdata上传多个文件
    3.11formdata的使用
    微信小程序的自定义插件
    3.6
  • 原文地址:https://www.cnblogs.com/PrajnaParamita/p/5849394.html
Copyright © 2020-2023  润新知