JavaScript闭包和作用域链：掌控变量可用性的关键

2023-12-12 12:05:54



在JavaScript的世界中，闭包和作用域链是理解变量行为的关键概念。它们塑造了函数如何访问变量，以及函数之间如何共享和隐藏变量。

**理解作用域** 

每个JavaScript函数都有自己独特的**作用域** ，它定义了哪些变量和函数可以在该函数内部访问。作用域分为两种类型：

* **局部作用域：** 仅在函数内部可访问的变量和函数。
* **全局作用域：** 在所有函数和脚本中可访问的变量和函数。

当我们在函数中声明一个变量时，它成为该函数**局部作用域** 的一部分。这意味着只能在该函数内部访问该变量。例如：

```javascript
function myFunction() {
  let localVariable = "This is a local variable";
}

console.log(localVariable); // ReferenceError: localVariable is not defined

尝试在函数外部访问局部变量localVariable会导致ReferenceError ，因为该变量仅在myFunction的局部作用域中可见。

闭包的魔力

闭包是一种JavaScript函数，它可以访问其创建时所在的函数作用域中的变量。即使创建它的函数已执行完毕，闭包仍可以保留对这些变量的引用。这使得闭包非常适合封装和共享数据，即使在创建它们的函数之外也是如此。

以下是如何创建闭包：

function createCounter() {
  let count = 0; // 局部变量

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

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2

在这里，createCounter函数返回一个闭包，该闭包可以访问其局部变量count，即使createCounter函数本身已执行完毕。每次调用闭包时，count变量都会增加。

作用域链

作用域链是一条指向所有父级函数作用域的链接列表。当JavaScript引擎尝试查找变量时，它会沿着作用域链向上搜索，直到找到该变量。

例如，考虑以下代码：

function outer() {
  let outerVariable = "This is an outer variable";

  function inner() {
    let innerVariable = "This is an inner variable";
    console.log(outerVariable); // "This is an outer variable"
  }

  inner();
}

outer();