【JavaScript】作用域和闭包

在 JavaScript 中， 作用域和闭包是两个核心概念，对于理解和编写高效、健壮的代码至关重要。本篇博客将介绍 JavaScript 中的作用域和闭包，帮助你更好地理解它们的原理和应用。

1. 作用域（Scope）

作用域定义了变量和函数的可访问范围，分为全局作用域和局部作用域。

1）全局作用域

全局作用域是指在整个代码中都能访问的作用域，包括在函数外声明的变量。

let globalVariable = "Hello World!";

function exampleFunction() {
  console.log(globalVariable);
}

exampleFunction(); // 输出：Hello World!

在上述例子中，exampleFunction 函数可以访问全局作用域中的 globalVariable。

2）局部作用域

局部作用域是指在函数内部声明的变量，只能在函数内部访问。

function exampleFunction() {
  let localVariable = "Hello World!";
  console.log(localVariable);
}

exampleFunction(); // 输出：Hello World!
console.log(localVariable); // 报错：localVariable is not defined

在上述例子中，localVariable 只能在 exampleFunction 函数内部访问，外部无法访问。

3）块级作用域

ES6引入了块级作用域，通过 let 和 const 关键字声明的变量具有块级作用域。

if (true) {
  let blockVariable = "Hello World!";
  console.log(blockVariable); // 输出：Hello World!
}

console.log(blockVariable); // 报错：blockVariable is not defined

在上述例子中，blockVariable 只在 if 语句的块级作用域内可访问。

2. 闭包（Closure）

闭包是指一个函数可以访问其词法作用域之外的变量。JavaScript中，函数内部总是可以访问外部作用域的变量，而当函数在外部作用域之外执行时，仍然可以访问它所在的词法作用域。

function outerFunction() {
  let outerVariable = "Hello World!";

  function innerFunction() {
    console.log(outerVariable);
  }

  return innerFunction;
}

let closureFunction = outerFunction();
closureFunction(); // 输出：Hello World!

在上述例子中，innerFunction 是一个闭包，它可以访问包含它的 outerFunction 的作用域中的变量 outerVariable。

闭包的应用场景包括保护变量、实现模块化、创建私有变量等，它在异步编程和回调函数中也有广泛的应用。

3. 闭包的注意事项

使用闭包时需要注意内存管理，避免引发不必要的内存泄漏。当一个函数返回一个闭包时，外部函数的作用域将被保留，导致相关变量无法被垃圾回收。

function createCounter() {
  let count = 0;

  return function() {
    count++;
    console.log(count);
  };
}

let counter = createCounter();
counter(); // 输出：1
counter(); // 输出：2

在上述例子中，createCounter 返回的匿名函数形成了一个闭包，保留了外部作用域中的 count 变量。

4. 总结

作用域和闭包是 JavaScript 中的两个基础概念，深刻理解它们对于编写可维护、高效的代码至关重要。作用域定义了变量的可访问范围，而闭包则允许函数访问外部作用域的变量。通过合理运用作用域和闭包，可以实现更灵活、模块化的代码结构。希望通过本篇博客，你对 JavaScript 中的作用域和闭包有了更深入的理解。