掌握 JavaScript 闭包：揭开作用域的神秘面纱

2023-10-24 10:53:43

揭秘闭包的神秘面纱：深入浅出的解析

引言

对于初涉 JavaScript 领域的开发者而言，闭包无疑是一块难啃的骨头。本文旨在以浅显易懂的方式，揭开闭包的神秘面纱，让你对闭包的概念、作用域以及如何巧妙运用闭包有一个清晰的认识。

作用域与词法作用域：前奏曲

在深入闭包之前，我们必须对作用域和词法作用域有一个基本的了解。作用域决定了变量的可见范围，而词法作用域则规定了变量在何处定义。

在 JavaScript 中，函数创建了自己的作用域。在这个作用域内定义的变量对于函数内部来说是可见的，但是对于函数外部来说是不可见的。例如：

function foo() {
  const count = 10; // 在 foo 函数的作用域内定义
}

此时，count 变量仅在 foo 函数内部可见。从外部访问 count 会引发错误。

闭包：揭开面纱

闭包是指可以访问其他函数作用域内的变量的函数。闭包的本质在于，即使外层函数执行完毕，闭包仍然可以访问其作用域内的变量。

例如，下面的代码创建了一个闭包：

function createCounter() {
  let count = 0; // 在 createCounter 函数的作用域内定义

  return function() {
    return ++count; // 访问 createCounter 函数作用域内的 count 变量
  };
}

const counter = createCounter(); // 创建一个闭包
console.log(counter()); // 1
console.log(counter()); // 2