• 全局作用域,函数作用域
• 作用域链
• 作用域scope: 一个变量的可用范围
• 作用域链scope chain:以当前作用域的scope属性为起点,依次引用每个AO,直到window结束,行成多级引用关系
js作用域ES5
• 全局作用域 window
• 函数作用域 function(){}
s的变量和函数作用域是在定义是决定的,而不是运行时决定
js的变量作用域在函数体内有效,无块作用域
作用域示例
function a() {function b() {var bb = "bb";}b()var aa = "aa";
}a()console.log(bb); // Error: bb is not defined
console.log(aa); // Error: aa is not defined
[[scope]]
作用域链
var cc = 'cc'function a() {function b() {var bb = "bb";console.log(aa); // undefinedconsole.log(cc); // cc}b()var aa = "aa";console.log(cc); // cc
}a()
面试题
var buttons = [{name: 'n1'}, {name: 'n2'}, {name: 'n3'}]function bind(){for(var i = 0; i < buttons.length; i++){buttons[i].func = function(){console.log(i);}}
}bind()buttons[0].func() // 3
buttons[1].func() // 3
buttons[2].func() // 3
function bind(){for(var i =0; i < buttons.length; i++){let num = i;buttons[i].func = function(){console.log(num);}}
}
// 输出 0 1 2