JavaScript中的作用域与闭包，后端开发进阶必备！

2024-02-12 23:02:56

JavaScript 中的作用域

JavaScript 中的作用域是指变量和函数的有效范围，它决定了变量和函数可以在程序的哪些部分被访问和使用。在 JavaScript 中，主要存在两种类型的作用域：全局作用域和局部作用域。

1.1 全局作用域

全局作用域是整个 JavaScript 程序中最大的作用域，在该作用域中定义的变量和函数可以在程序的任何地方被访问和使用。全局变量和函数通常使用 var 声明。例如：

var globalVariable = "This is a global variable";

function globalFunction() {
  console.log("This is a global function");
}

1.2 局部作用域

局部作用域是在函数内部创建的作用域，在该作用域中定义的变量和函数只能在该函数内部被访问和使用。局部变量和函数通常使用 let 或 const 关键字声明。例如：

function localFunction() {
  let localVariable = "This is a local variable";

  const localConstant = "This is a local constant";

  console.log("This is a local function");
}

在局部作用域中，变量和函数只能在该函数内部被访问和使用，而不能在该函数外部被访问和使用。

2. JavaScript 中的闭包

闭包是 JavaScript 中的一个重要概念，它是指能够访问其创建函数作用域中变量的函数。闭包的本质是函数和变量的组合，当函数被执行时，它会创建一个执行环境，其中包含该函数的局部变量和参数。即使函数执行完毕，该执行环境和变量仍然存在，并且可以被闭包访问。

闭包通常用于实现数据封装、模块化和延迟执行。例如：

function createCounter() {
  let counter = 0;

  return function() {
    counter++;
    console.log("Counter: " + counter);
  };
}

const counterFunction = createCounter();

counterFunction(); // Counter: 1
counterFunction(); // Counter: 2

在上面的例子中，createCounter 函数创建了一个闭包，该闭包包含变量 counter 和内部函数。当 counterFunction 函数被执行时，它会创建一个执行环境，其中包含变量 counter 和参数。即使 createCounter 函数执行完毕，counterFunction 函数仍然可以访问变量 counter，并将其值增加。