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

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

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

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内部开始向上线性有序的搜索