JavaScript作用域详解

在JavaScript中，作用域是一个非常重要的概念。它决定了变量和函数在程序中的可见性和访问权限。JavaScript采用的是词法作用域，这意味着函数的作用域由它所在的代码块决定。

作用域可以分为全局作用域和局部作用域。全局作用域是整个程序都可以访问的，而局部作用域仅限于函数内部或块级作用域内。

闭包

闭包是JavaScript中一个非常强大的概念，它允许您访问函数内部的变量，即使该函数已经执行完毕。这是因为闭包在函数执行完毕后仍然存在于内存中。

闭包可以用于许多不同的目的，例如：

• 保持对函数内部变量的引用，即使该函数已经执行完毕。
• 创建私有变量，防止其他代码访问。
• 实现回调函数。

作用域链

作用域链是一个包含当前函数及其所有父函数的作用域的列表。当您在一个函数中引用一个变量时，JavaScript会沿着作用域链向上搜索，直到找到该变量的声明为止。

如果JavaScript在作用域链中找不到该变量，它将抛出一个错误。

示例

为了更好地理解作用域，我们来看几个示例：

// 全局变量
var globalVariable = "This is a global variable";

// 函数
function myFunction() {
  // 局部变量
  var localVariable = "This is a local variable";

  // 打印变量
  console.log(globalVariable); // "This is a global variable"
  console.log(localVariable); // "This is a local variable"
}

// 调用函数
myFunction();

在这个示例中，我们定义了一个全局变量globalVariable和一个函数myFunction()。函数myFunction()内部有一个局部变量localVariable。

当我们调用函数myFunction()时，JavaScript会在全局作用域中查找变量globalVariable，并在函数myFunction()内部查找变量localVariable。

由于变量globalVariable和变量localVariable都存在，因此JavaScript会打印出这两个变量的值。

// 函数
function outerFunction() {
  // 局部变量
  var outerVariable = "This is an outer variable";

  // 嵌套函数
  function innerFunction() {
    // 局部变量
    var innerVariable = "This is an inner variable";

    // 打印变量
    console.log(outerVariable); // "This is an outer variable"
    console.log(innerVariable); // "This is an inner variable"
  }

  // 调用嵌套函数
  innerFunction();
}

// 调用函数
outerFunction();

在这个示例中，我们定义了一个函数outerFunction()和一个嵌套函数innerFunction()。函数outerFunction()内部有一个局部变量outerVariable，函数innerFunction()内部有一个局部变量innerVariable。

当我们调用函数outerFunction()时，JavaScript会在全局作用域中查找变量outerVariable，并在函数outerFunction()内部查找变量innerVariable。

由于变量outerVariable存在，但变量innerVariable不存在，因此JavaScript会在作用域链中向上搜索，直到找到变量innerVariable的声明为止。

由于变量innerVariable在函数innerFunction()中声明，因此JavaScript会在函数innerFunction()内部找到该变量。

因此，当我们调用嵌套函数innerFunction()时，JavaScript会打印出变量outerVariable和变量innerVariable的值。