浅谈 JavaScript 中的闭包和变量作用域

前端

2023-09-01 21:53:47

引言

在 JavaScript 的王国中，闭包和变量作用域就像两颗耀眼的双子星，它们相互辉映，共同构成了这门语言的独特魅力。想要成为一名精通 JavaScript 的魔法师，就必须深入理解这两个概念。

一、变量的作用域

要理解闭包，首先必须理解 JavaScript 中的变量作用域。变量的作用域决定了它在代码中的可见性范围。JavaScript 中存在两种作用域：

全局作用域： 在脚本的任何地方都可以访问的变量。
局部作用域： 仅在声明变量的函数或代码块内可以访问的变量。

全局作用域

全局作用域的变量在脚本执行时就存在，可以在任何地方访问。例如：

// 全局变量
const globalVar = "Hello, world!";

console.log(globalVar); // 输出: Hello, world!

局部作用域

局部作用域的变量只在声明它们的函数或代码块内有效。一旦离开该作用域，它们就会被销毁。例如：

function myFunction() {
  // 局部变量
  let localVar = "I'm local!";

  console.log(localVar); // 输出: I'm local!
}

console.log(localVar); // 报错: ReferenceError: localVar is not defined

二、闭包

闭包是 JavaScript 中一种强大的机制，它允许函数访问在其作用域之外声明的变量。也就是说，即使函数已经执行完毕，它仍然可以访问这些变量。

闭包的本质是由以下两部分组成的：

内层函数： 可以访问外部函数作用域中的变量。
外部函数： 提供内层函数所依赖的变量环境。

闭包的用法

闭包经常被用来创建私有变量或实现延迟执行。例如：

// 创建一个私有变量
function createCounter() {
  let count = 0;

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

const counter = createCounter();
console.log(counter()); // 输出: 0
console.log(counter()); // 输出: 1