作用域,作用域链,作用域对象
1.作用域(执行环境)即代码的执行环境,根据JavaScript所在的宿主平台不一样全局执行环境就不一样,一般web浏览器中全局执行环境。
3.作用域链就是从全局作用域到局部作用域形成的一个作用域对象链,如:
1.作用域(执行环境)即代码的执行环境,根据JavaScript所在的宿主平台不一样全局执行环境就不一样,一般web浏览器中全局执行环境。
2.作用域对象就是这个作用域的对象化,web浏览器中的全局作用域对象就是window对象,那么在js中定义的所有函数和变量都是window对象来访问,如:
var age=12;
var say=function(){
console.log('say hello');
}
console.log(age) // 12 这里省略了window对象,默认访问的就是window对象的age属性
console.log(window.age) //12
window.say();
函数也是一种作用域它是一个局部作用域,函数作用域也对一个作用域对象即函数对象,这个对象我们不法访问到。
3.作用域链就是从全局作用域到局部作用域形成的一个作用域对象链,如:
var color = "blue";
function changeColor(){
var anotherColor = "red";
function swapColors(){
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
// 这里可以访问 color、anotherColor 和 tempColor
}
// 这里可以访问 color 和 anotherColor,但不能访问 tempColor
swapColors();
}
// 这里只能访问 color
changeColor();
以上代码共涉及 3 个执行环境:全局环境、 changeColor() 的局部环境和 swapColors() 的局部环境。全局环境中有一个变量 color 和一个函数 changeColor() 。 changeColor() 的局部环境中有一个名为 anotherColor 的变量和一个名为 swapColors() 的函数,但它也可以访问全局环境中的变量 color 。 swapColors() 的局部环境中有一个变量 tempColor ,该变量只能在这个环境中访问到。无论全局环境还是 changeColor() 的局部环境都无权访问 tempColor 。然而,在 swapColors() 内部则可以访问其他两个环境中的所有变量,因为那两个环境是它的父执行环境。作用域链图片:
总的来说就是下层作用域可以访问上层作用的属性和方法,而上层作用域无法访问下层作用的属性和方法,这个有点像java中的继承。