探秘JavaScript作用域与闭包，揭开运行时行为的奥秘

2023-09-08 13:56:36

在JavaScript的世界中，作用域和闭包是两大令人着迷且颇具挑战性的概念。理解这两者对于编写出高质量的JavaScript代码至关重要。

变量作用域：定义变量的生命周期

变量作用域是指变量可被访问的范围。在JavaScript中，变量的作用域受函数作用域和块级作用域影响。

函数作用域

函数作用域内的变量只能在该函数内部被访问。一旦离开函数，这些变量就会消失。函数作用域非常适合限制变量的可见范围，防止意外覆盖其他变量。

function greet(name) {
  let message = `Hello, ${name}!`; // 局部变量，仅在greet函数内部可见
  console.log(message); // 输出: Hello, John!
}

greet("John"); // 调用greet函数
console.log(message); // ReferenceError: message is not defined

块级作用域

ES6引入了块级作用域，允许在代码块（如if语句、for循环等）内使用let和const声明变量。这些变量只在代码块内有效，一旦离开代码块，就会消失。块级作用域可以有效防止变量冲突和意外修改全局变量。

if (condition) {
  let localVariable = "Hello, world!"; // 局部变量，仅在if块内可见
  console.log(localVariable); // 输出: Hello, world!
}

console.log(localVariable); // ReferenceError: localVariable is not defined

闭包：保存对变量的引用

闭包是指能够访问其创建环境中变量的函数。闭包允许我们保存对变量的引用，即使该函数已经离开其创建环境。闭包在JavaScript中非常有用，经常用于封装数据和行为，创建私有变量，实现事件处理等。

function createCounter() {
  let count = 0; // 私有变量

  return function() {
    count++; // 访问私有变量
    return count;
  };
}

const counter = createCounter(); // 创建闭包

console.log(counter()); // 输出: 1
console.log(counter()); // 输出: 2
console.log(counter()); // 输出: 3