美文网首页
js -作用域链+执行环境+自由变量

js -作用域链+执行环境+自由变量

作者: 默小柒 | 来源:发表于2019-05-09 16:48 被阅读0次

    说到闭包要先了解 执行环境及作用域

    一、执行环境:全局和函数自身的

    1.全局环境是最外围的一个执行环境,在web中被认为是window对象,直到应用程序退出或者关闭浏览器,该环境中保存的变量和函数定义才会被销毁。
    2.每个函数都有自己的执行环境, 执行时, 压栈, 执行完, 出栈。【闭包会在内部匿名函数执行完之后才销毁外部的函数】

    二、作用域链

    当代码在环境中执行时, 会创建变量对象【变量对象:就是环境中定义的所有的变量和函数定义都保存在这个对象中, 编写的代码无法访问这个对象, 但是解析器处理数据时会在后台使用它】的一个作用域链。
    用途:保证对执行环境有权访问的所有变量和函数的【有序访问】
    作用域的前端:始终都是当前执行代码所在的环境的变量对象

    【如果这个环境是函数,则将其活动对象作为变量对象】
    活动对象:活动对象最开始只有一个变量,就是arguments,下一个变量来自外部环境,以此类推,一直延伸到全局执行环境;全局执行环境始终是最后一个对象

    标识符解析:就是从作用域前端沿着作用域以及以及搜索标识符的过程。
    image.png

    三、自由变量 静态作用域

    1.max是自由变量【在A 作用域中使用, 却没有在A 中声明】
    2.要到【创建】这个函数的作用域中取,而不是调用, 这就是所谓的【静态作用域】

        var max = 10; 
        var fn = function(x){
          if(x>=max){      //此作用域只使用了max 并没有声明
            console.log(x+ "大于" +max)
          }else{
             console.log(x+ "小于" +max)
          }
        };
    
        (function(f){
          var max=100;
          f(6);
        })(fn);
      //6小于10  ,此时max取得是10 , 就是因为fn 函数的创建环境是全局环境
    
    

    下面看2个例子

    var v = "out";
    funtion outside(){
      var v = "in";
      return inside();
    }
    function inside(){
      return v;
    }
    outside();  // out
    1.调用outside 的时候返回了inside的调用
    2.inside函数的作用域链只包含自己和全局环境,所以他的值是out
    
    var v = "out";
    function outside(){
      var v = "in";
      function inside(){
        return v;
      };
      return inside();
    }
    outside();//in
    
    换一种写法, 返回一个立即执行函数
    var v="out";
    function outside(){
      var v="in";
      return (function(){
        return v;
        })();
    }
    
    outside();   //in
    1.v 变量的作用域链= inside函数内部+ 外部函数outside的内部变量 + 全局环境的变量v;
    2.并且按顺序从inside内部开始向上线性有序的搜索
    

    相关文章

      网友评论

          本文标题:js -作用域链+执行环境+自由变量

          本文链接:https://www.haomeiwen.com/subject/vzivoqtx.html