JavaScript 的作用域链与闭包：彻底理解

2024-02-29 06:19:15

JavaScript 的作用域链与闭包：深入理解

简介

在 JavaScript 中，作用域定义了变量和函数的可访问性。JavaScript 拥有一个基于块级作用域的独特作用域模型，它允许在块中创建新作用域。闭包是一个与作用域紧密相关的概念，它使函数可以访问其创建时的外部作用域中的变量，即使该函数已被调用并离开其作用域。

全局作用域与局部作用域

JavaScript 程序在全局作用域中执行，它包含所有全局变量和函数。全局作用域中的变量和函数在程序的任何地方都可以访问。局部作用域是程序中定义变量和函数的作用域。这些变量和函数只能在定义它们的块内访问。例如：

var globalVariable = "Hello"; // 全局变量

function myFunction() {
  var localVariable = "World"; // 局部变量
}

在此示例中，globalVariable 可以在程序的任何地方访问，而 localVariable 只能在 myFunction 函数内访问。

块级作用域

ES6 引入了块级作用域，它允许在块中创建新作用域。这些块可以通过大括号 {} 来定义，例如：

{
  let blockVariable = "Block"; // 块级变量
}

blockVariable 只能在它定义的块内访问，一旦离开块，它将不可用。块级作用域对于组织代码和防止变量冲突非常有用。

作用域链

作用域链是连接作用域的链条，它用于确定变量和函数的可访问性。当 JavaScript 引擎寻找一个标识符时，它会沿着作用域链从当前作用域开始向上查找，直到找到标识符或达到全局作用域。例如：

var globalVariable = "Hello";

function myFunction() {
  var localVariable = "World";
  console.log(globalVariable); // "Hello" - 访问全局作用域中的变量
  console.log(localVariable); // "World" - 访问局部作用域中的变量
}

myFunction();

在 myFunction 函数中，globalVariable 可以通过作用域链访问，因为它定义在全局作用域中。然而，localVariable 只能通过作用域链在函数内部访问。

闭包

闭包是一个函数，它可以访问其创建时的外部作用域中的变量，即使该函数已被调用并离开其作用域。这是因为闭包在内存中保留了对外部作用域的引用。例如：

var globalVariable = "Hello";

function createClosure() {
  var localVariable = "World";
  return function() {
    console.log(globalVariable); // "Hello" - 访问全局作用域中的变量
    console.log(localVariable); // "World" - 访问局部作用域中的变量
  };
}

const closure = createClosure();
closure();