作用域和作用域链（js的问题）-CSDN博客

本文链接：https://blog.csdn.net/dxn16638400024/article/details/135374508

本文详细解释了JavaScript中的作用域概念，包括全局作用域、函数作用域、作用域链以及块级作用域的区别。通过示例展示了变量在不同作用域下的行为，并讨论了`let`关键字在块级作用域中的应用。最后，提及了一个常见的面试题目关于`for`循环中闭包的行为。

摘要由CSDN通过智能技术生成

        • 全局作用域，函数作用域
        • 作用域链
        • 作用域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()

面试题

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