说到闭包要先了解 执行环境及作用域
一、执行环境:全局和函数自身的
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内部开始向上线性有序的搜索