• 全局作用域，函数作用域
• 作用域链
• 作用域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); // undefined console.log(cc); // cc } b() var aa = "aa"; console.log(cc); // cc } a()
[[scope]]
作用域链
var cc = 'cc' function a() { function b() { var bb = "bb"; console.log(aa); // undefined console.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
![[JS]作用域的“生产者”——词法作用域](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635708/20241110/80ecbe830d6b4b6e88b4a7647ef36a9b.png?x-oss-process=image/resize,h_160,m_lfit)
