执行环境
执行环境(excecution context),也叫做执行上下文,定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个只i系那个环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。
全局执行环境是最外围的一个执行环境,在Web浏览器中,全局执行环境被认为是window对象。
每个函数都有子句的只想能够环境。当一个函数被调用时,函数的环境就会被推入一个环境栈中,而在函数执行之后,栈将环境他出,吧控制权返回给之前的执行环境。
看下面这一段代码
console.log(a) // Uncaught ReferenceError: a is not defined
console.log(a) // undefined
var a = 10;
console.log(a) // 10
在一段代码执行之前,JS就已经做了一些“准备工作”,包括对变量的声明,这段代码里所有变量的声明都被提前到代码一句一句执行之前完成,但仅仅是声明,而没有赋值。变量复制是在执行到赋值语句的时候进行的。
console.log(fn1) ; //ƒ fn1() {}
function fn1() {}
console.log(fn2); // undefined
var fn2 = function() {};
函数声明和函数表达式的待遇是不同的,对于函数声明,准备阶段会同时为函数名赋值,而对函数表达式,就只是声明了。
全局环境下的执行环境中,包括
- 变量,函数表达式 —— 声明,默认值为undefined
- this —— 赋值
- 函数声明 —— 赋值
每次调用一个函数 ,也会创建这个函数的执行环境,相比于全局环境的执行环境,还多了这些:
- 参数 —— 赋值
- arguments —— 赋值
- 确定变量的作用域
作用域链
当代码在一个环境中运行是,会创建变量对象的一个作用域链。作用域链的用途是,保证对执行环境有权访问的所有变量和函数的有序访问。
在一个函数中可以访问函数之外定义的变量,这就和作用域与作用域链有关
var a = 10;
function fn1() {
console.log(a); // 10
}
function fn2() {
var a = 20;
fn1(); // 10,而不是20
}
函数在访问一个变量的时候:
- 先从自己内部找变量
- 如果找不到,再从创建当前函数所在的作用域去找, 以此往上
- 如果一直到全局作用域还没有找到,说明变量未定义,报错
注意要到创建这个函数的那个作用域中取值——是“创建”,而不是“调用”。函数在定义的时候(不是调用的时候),就已经确定了函数体内部自由变量的作用域。
var a = 10;
function fn() {
var b = 20;
function bar() {
console.log(a + b);
}
return bar;
}
var x = fn(),
b = 200;
x(); // 30
以上代码中:第13行,fn()返回的是bar函数,赋值给x。执行x(),即执行bar函数代码。取b的值时,直接在fn作用域取出。取a的值时,试图在fn作用域取,但是取不到,只能转向创建fn的那个作用域中去查找,结果找到了。