理解作用域和作用域链：揭开变量有效范围的神秘面纱

前端

2023-12-29 23:13:30

作用域：变量和函数的游乐场

作用域定义了变量和函数可以被访问和使用的范围。它控制着变量和函数的可见性，并决定了它们的生命周期。作用域可以是全局的，也可以是局部的。

全局作用域：无处不在的变量

全局作用域中的变量可以在程序的任何地方访问和修改。它们在整个程序的执行过程中一直存在，除非被明确释放。

局部作用域：只在函数内部可见

局部作用域中的变量只在函数内部可见和可用。当函数执行完成时，它们就会被销毁。局部变量可以与全局变量同名，但在函数内部，局部变量优先级高于全局变量。

作用域链：寻找变量的寻宝游戏

当一个变量在局部作用域中找不到时，解释器就会沿着作用域链向上查找。作用域链是一个包含当前作用域及其所有父作用域的链条。解释器会逐级搜索，直到找到变量或到达全局作用域。

变量访问规则：遵守优先级

访问变量时，解释器会遵循一定的优先级规则：

局部变量： 如果变量在当前作用域中被定义为局部变量，则优先使用局部变量。
作用域链： 如果变量不在当前作用域中，解释器会沿着作用域链向上查找，直到找到变量或到达全局作用域。
全局变量： 如果变量在全局作用域中被定义，并且在作用域链中找不到，则使用全局变量。

示例代码：窥探作用域的秘密

let globalVariable = "This is a global variable";

function myFunction() {
  let localVariable = "This is a local variable";
  console.log(globalVariable); // 输出: "This is a global variable"
  console.log(localVariable); // 输出: "This is a local variable"
}

myFunction();

console.log(globalVariable); // 输出: "This is a global variable"
console.log(localVariable); // 输出: ReferenceError: localVariable is not defined