作用域scope:一个变量的可用范围
作用域链scope chain:以当前作用域的scope属性为起点依次引用每个AO,直到window结束,形成了多级引用关系
js作用域:下面是对于ES5 来说的,ES6引入了块级作用域
两大类:全局作用域 和 函数作用域
解释执行:在执行过程中,JavaScript引擎是严格按着作用域机制(scope)执行的,并且自由变量是从定义时的作用域开始向上查找的,而不是执行时的作用域;JavaScript的函数参数也是局部变量,它们只在函数体内有定义。
在函数体内,局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖
图解
例如,创建一个函数的时候,它内部就会挂有 [[Scope]] 属性,该属性指向Scope chain(作用域链),作用域链的下标0此时指向全局作用域
函数执行时,作用域链就会形成这种形式 scope chain[0, 1] => [函数作用域本身,全局作用域],所以函数执行时就会先访问局部变量,若没有再向上到全局下查找
var arr = [{name: 'a1'},{name: 'a2'},{name: 'a3'}];
function fn() {
for(var i = 0; i < arr.length; i++) {
arr[i].fun = function () {
alert(i);
}
}
}
fn();
arr[0].fun(); //3
arr[1].fun(); //3
arr[2].fun(); //3
上面这一段代码,将弹出三次 3;从作用域的角度解释:变量 i 属于fn()函数作用域内的变量,(声明在for循环的条件语句内与for循环之前是一样的-- fn()里面);当执行fn()之后,for循环已经执行,内部生成三个函数,注意!!只是生成,没有return也没有调用执行,此时 i 为3;调用arr[i].fun()访问到的是fn()作用域下的 i ,也就是 3