执行环境定义了变量或函数有权访问的其他数据,决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。
执行环境可以划分为两类:
- 全局执行环境
全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同,表示执行环境的变量对象也不一样。例如,在WEB浏览器中,与全局执行环境关联的变量对象是windows对象。 - 函数执行环境
每个函数都有自己的执行环境,函数执行环境的变量对象被称为活动对象,它在最开始只包含一个变量,即arguments对象(这个对象在全局环境中是不存在的)。
作用域链
执行流每进入一个执行环境,都会创建一个作用域链。
作用域链由执行环境的变量对象组成,作用域链的前端始终是当前执行环境的变量对象,下个变量对象来自外围环境,再下一个变量对象则来自下一个外围环境,一直延续到全局执行环境的变量对象。全局执行环境的变量对象始终都是作用域链中的最后一个变量对象。
作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。
var color = 'blue'
function changeColor() {
var color2 = 'red'
function changeColor2() {
var color3 = color2
color2 = color
color = color3
//这里可以访问color、color2、color3
}
//这里可以访问color、color2
changeColor2()
}
//这里可以访问color
changeColor()
延长作用域链
虽然执行环境的类型只有全局函数和局部函数,但还是有其他办法来延长作用域的。实现的原理是有些一句可以在作用域的前端临时加一个变量对象,该变量对象会在代码执行后被移除。
- try-catch语句的catch块;
- with语句
function buildUrl() {
var qs = '?debug=true';
with (location) {
console.log(location)
var url = href + qs
}
return url
}
console.log(buildUrl()) //http://127.0.0.1:8080/?debug=true
var mother = {
name: 'Rose',
age: 30
}
function father() {
var fName = 'Jack';
var name = '张三';
function son() {
var sName = 'son';
with (mother) {
var word = 'my name: ' + sName + ', father name: ' + fName +
', mother name: ' + name + ", mother age: " + age;
}
console.log(word);//my name: son, father name: Jack, mother name: Rose, mother age: 30
}
son();
}
father();
没有块级作用域