JavaScript 作用域：理解作用域的奥秘

2023-12-26 21:47:26

JavaScript的作用域是指变量在程序中可被访问的范围。在JavaScript中，作用域分为全局作用域和局部作用域。全局作用域是指在程序的任何地方都可以访问的变量，而局部作用域是指只能在函数或代码块内访问的变量。

全局作用域

全局作用域是指在程序的任何地方都可以访问的变量。全局变量在程序开始运行时被创建，并在程序结束运行时被销毁。全局变量可以通过使用var、let或const来声明。

// 使用 var 声明全局变量
var globalVariable = 10;

// 使用 let 声明全局变量
let globalVariable = 20;

// 使用 const 声明全局变量
const globalVariable = 30;

局部作用域

局部作用域是指只能在函数或代码块内访问的变量。局部变量在函数或代码块开始运行时被创建，并在函数或代码块结束运行时被销毁。局部变量可以通过使用var、let或const关键字来声明。

function myFunction() {
  // 使用 var 声明局部变量
  var localVariable = 10;

  // 使用 let 声明局部变量
  let localVariable = 20;

  // 使用 const 声明局部变量
  const localVariable = 30;
}

变量提升

JavaScript中存在变量提升的现象。变量提升是指变量在程序执行之前就被创建并初始化为undefined。这使得变量在声明之前就可以使用，但使用未声明的变量会导致ReferenceError错误。

console.log(myVariable); // undefined

var myVariable = 10;

闭包

闭包是指能够访问其创建时作用域中变量的函数。闭包可以用于在函数执行之后继续访问函数中声明的变量。

function createCounter() {
  let counter = 0;

  return function() {
    counter++;
    return counter;
  };
}

const myCounter = createCounter();

console.log(myCounter()); // 1
console.log(myCounter()); // 2
console.log(myCounter()); // 3