上下文、作用域、作用域链、闭包：我终于理解了！

前端

2023-10-02 21:05:54

在 JavaScript 中，理解上下文的概念至关重要，这包括作用域、作用域链和闭包。这些概念对于编写健壮且可维护的代码至关重要。

作用域：变量的可访问性

作用域定义了变量的可访问性。在 JavaScript 中，有两种主要的作用域：

全局作用域： 在此作用域中声明的变量可以在脚本的任何地方访问。
局部作用域： 在函数内部声明的变量仅在该函数及其嵌套函数中可见。

作用域链：查找变量

当 JavaScript 引擎搜索变量时，它会在当前作用域中查找。如果它找不到该变量，它将向上遍历作用域链，检查父作用域。此过程一直持续到全局作用域或直到找到该变量。

闭包：访问外层作用域

闭包是一个函数，它可以访问其声明作用域中声明的变量，即使该函数已在其他地方调用或执行。换句话说，闭包 "封闭" 了其父作用域。

深入浅出：一个示例

为了更好地理解这些概念，让我们考虑以下示例：

var globalVar = "全局变量";

function outer() {
  var outerVar = "外层作用域变量";

  function inner() {
    var innerVar = "内层作用域变量";
    console.log(globalVar); // "全局变量"
    console.log(outerVar); // "外层作用域变量"
    console.log(innerVar); // "内层作用域变量"
  }

  inner();
}

outer();