JavaScript 作用域：领略变量与函数的精彩舞蹈

2024-01-27 17:02:34

在 JavaScript 中，作用域是指变量与函数的可访问范围。变量和函数的生命周期由它们的作用域决定。作用域分为全局作用域和局部作用域。全局作用域是整个 JavaScript 程序共享的空间，而局部作用域是函数内部专属的私有空间。

变量的作用域由变量的声明位置决定。在全局作用域声明的变量称为全局变量，在函数内部声明的变量称为局部变量。全局变量可以在程序的任何地方访问，而局部变量只能在声明它们的函数内部访问。

闭包是 JavaScript 中的一种特殊函数，它可以访问其外部作用域中的变量。这使得闭包能够在函数返回后仍然访问这些变量。闭包经常被用来创建私有变量和函数，以及实现延迟执行等功能。

JavaScript 的作用域和闭包是两把双刃剑，用得好可以成就灵动飘逸的代码，用不好就会陷入混乱与泥潭。理解并掌握作用域和闭包是成为一名优秀 JavaScript 开发者的必备技能。

全局作用域：四海之内皆准的变量世界

全局作用域是整个 JavaScript 程序共享的空间。任何在全局作用域中声明的变量都是全局变量，可以在程序的任何地方访问。全局作用域是 JavaScript 程序的根基，是所有变量和函数的起点。

// 全局变量
var globalVariable = 10;

function myFunction() {
  // 访问全局变量
  console.log(globalVariable); // 输出：10
}

局部作用域：函数内部的私密花园

局部作用域是函数内部专属的私有空间。任何在函数内部声明的变量都是局部变量，只能在声明它们的函数内部访问。局部作用域是 JavaScript 程序的枝叶，是函数内部变量和函数的活动舞台。

function myFunction() {
  // 局部变量
  var localVariable = 20;

  console.log(localVariable); // 输出：20
}

// 无法访问局部变量
console.log(localVariable); // ReferenceError: localVariable is not defined

闭包：变量与函数的浪漫邂逅

function createCounter() {
  // 私有变量
  var counter = 0;

  // 返回一个闭包
  return function() {
    // 访问私有变量
    counter++;

    return counter;
  };
}

// 创建一个闭包
var counter = createCounter();

// 调用闭包
console.log(counter()); // 输出：1
console.log(counter()); // 输出：2