JavaScript中的作用域和闭包详解

作用域和闭包是 JavaScript 中两个重要的概念，对于理解 JavaScript 的代码执行机制至关重要。本文将详细介绍 JavaScript 中的作用域和闭包。

作用域

作用域是指在代码中定义变量的区域，决定了变量的可见性和生命周期。JavaScript 中有全局作用域和局部作用域两种作用域。

全局作用域

全局作用域是在代码中任何地方都能访问的作用域。在全局作用域中定义的变量是全局变量，可以在代码的任何地方进行访问。

var globalVariable = "I am a global variable";

function foo() {
  console.log(globalVariable); // 输出 "I am a global variable"
}

foo();

局部作用域

局部作用域是在代码中特定区域内定义的作用域。在局部作用域中定义的变量只能在该作用域内访问。

function foo() {
  var localVariable = "I am a local variable";
  console.log(localVariable); // 输出 "I am a local variable"
}

foo();
console.log(localVariable); // 报错，无法访问局部变量

块级作用域

块级作用域是在代码中由花括号 {} 创建的作用域。在 ES6 中引入了 let 和 const 关键字，用于声明块级作用域中的变量。

function foo() {
  if (true) {
    var x = 5;
    let y = 10;
    const z = 15;
  }

  console.log(x); // 输出 5
  console.log(y); // 报错，无法访问块级作用域变量
  console.log(z); // 报错，无法访问块级作用域变量
}

foo();

闭包

闭包是指一个函数可以访问其词法作用域之外的变量。当函数调用时，会创建一个执行上下文，并将其保存在执行栈中。如果函数中存在对外部变量的引用，那么这个函数就成为闭包。

function outerFunction() {
  var outerVariable = 1;

  function innerFunction() {
    console.log(outerVariable); // 根据词法作用域规则，能够访问外部变量
  }

  return innerFunction;
}

var myFunction = outerFunction();
myFunction(); // 输出 1

上述例子中，innerFunction 在定义时就能够访问 outerVariable。即使在 outerFunction 执行完毕后，innerFunction 仍然可以访问 outerVariable。

闭包的一个常见应用是实现函数工厂。

function createCounter() {
  var count = 0;

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

var counter1 = createCounter();
counter1(); // 输出 1
counter1(); // 输出 2

var counter2 = createCounter();
counter2(); // 输出 1

createCounter 函数返回了一个内部函数，这个内部函数可以访问 count 变量。每次调用 createCounter 时，都会创建一个新的闭包，其中的 count 变量是独立的。

总结一下，作用域和闭包是 JavaScript 中非常重要的概念。了解作用域和闭包的概念及其工作原理，可以帮助我们更好地理解和编写 JavaScript 代码。

本文来自极简博客，作者：码农日志，转载请注明原文链接：JavaScript中的作用域和闭包详解