浅谈JavaScript作用域和闭包

什么是JavaScript作用域?

在 JavaScript 中，每个变量、函数都有访问的范围，这就是作用域。JavaScript 中的作用域可以是全局作用域和局部作用域。

全局作用域

全局作用域可以定义在 JavaScript 代码的最外层范围内，即最顶层作用域。在全局作用域内定义的变量和函数可以在代码的任何地方访问。例如：

var globalVariable = "I am a global variable";

function globalFunction() {
  console.log("I am a global function");
}

局部作用域

局部作用域可以定义在函数内部或某一个代码块内部。在局部作用域内定义的变量和函数只能在该函数或代码块内部访问。例如：

function localFunction() {
  var localVariable = "I am a local variable";
  console.log(localVariable);
}
localFunction(); // 输出：I am a local variable
console.log(localVariable); // 报错：localVariable is not defined

在上述代码中，localVariable 只能在 localFunction 内部访问，在函数外部访问会报错。

什么是JavaScript闭包?

JavaScript 闭包是指一个函数能访问它外部作用域的变量，即使这个外部作用域的变量已经不在内存中。

示例一：函数内部访问全局变量

var globalVariable = "I am a global variable";

function outerFunction() {
  var outerVariable = "I am an outer variable";
  function innerFunction() {
    console.log(globalVariable);
    console.log(outerVariable);
  }
  innerFunction();
}
outerFunction();

在上述代码中，innerFunction 内部的代码可以访问 globalVariable 和 outerVariable 变量，即使这些变量不是在 innerFunction 函数作用域内定义的。

示例二：返回函数

function closureFunction() {
  var message = "Welcome to the closure world!";
  function getMessage() {
    return message;
  }
  return getMessage;
}
var getClosureMessage = closureFunction();
console.log(getClosureMessage()); // 输出：Welcome to the closure world!

在上述代码中，closureFunction 返回了 getMessage 函数，并将其赋值给 getClosureMessage 变量。当我们调用 getClosureMessage 函数时，它能访问 closureFunction 函数的 message 变量，尽管 closureFunction 函数已经执行完毕。