那么JavaScript中的作用域究竟是什么？

如果我们学习JavaScript时，仅仅停留于表面，那么很容易误解JavaScript是一种变量作用域，这并不是因为这种理解完全错误，而是因为这种理解的范围太小了。事实上，JavaScript是词法作用域，它基于词法结构而不是运行时行为来确定变量的作用域。

JavaScript中的词法结构指的是代码在编写时的结构，而运行时行为指的是代码在执行时的行为。词法作用域与运行时作用域之间的区别在于，词法作用域是静态的，它在代码编写时就已经确定了，而运行时作用域是动态的，它可能在代码执行时发生变化。

在JavaScript中，词法作用域的定义如下：任何函数或代码块内的变量都属于该函数或代码块的作用域，并且这些变量只能在该函数或代码块内使用。如果在一个函数或代码块中声明了一个变量，那么在这个函数或代码块之外就无法访问该变量。

作用域的基本原理很容易理解，但是作用域的实际应用往往会比较复杂。函数作用域和块作用域是JavaScript中最重要的两个作用域概念，我们将在下面详细讨论这两个概念。

函数作用域

函数作用域是JavaScript中最基本的作用域类型。函数作用域是指函数内部的代码块，函数中的变量只能在函数内部使用，在函数外部无法访问。

例如，我们有一个函数名为add()，该函数的功能是将两个数字相加并返回结果。

function add(a, b) {
  var sum = a + b;
  return sum;
}

在这个函数中，我们声明了一个变量sum，该变量只能在add()函数内部使用。如果我们试图在函数外部访问sum变量，就会得到一个错误。

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

块作用域

块作用域是JavaScript中引入的一个新的作用域概念。块作用域是指由{}括起来的代码块，块中的变量只能在块内部使用，在块外部无法访问。

例如，我们有一个代码块如下：

{
  let message = "Hello, world!";
  console.log(message); // "Hello, world!"
}

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

在这个代码块中，我们声明了一个变量message，该变量只能在代码块内部使用。如果我们试图在代码块外部访问message变量，就会得到一个错误。

块作用域的引入极大地提高了JavaScript的代码的可读性和可维护性。块作用域可以帮助我们避免变量命名冲突，并使代码更加清晰和易于理解。

作用域链

作用域链是JavaScript中一个重要的概念。作用域链是指从当前执行环境一直到全局作用域的一条作用域链路。在JavaScript中，每个函数或代码块都有自己的作用域，并且每个作用域都有一个指向父作用域的指针。

例如，我们有一个函数名为foo()，该函数内部有一个代码块如下：

function foo() {
  var a = 1;

  {
    let b = 2;
    console.log(a); // 1
    console.log(b); // 2
  }

  console.log(a); // 1
  console.log(b); // ReferenceError: b is not defined
}

foo();

在这个函数中，我们声明了两个变量a和b，其中a是函数作用域的变量，b是代码块作用域的变量。

当我们调用foo()函数时，会创建一个新的作用域链。这个作用域链从foo()函数的作用域开始，一直到全局作用域结束。

在foo()函数的作用域中，我们可以访问变量a和b。在代码块的作用域中，我们可以访问变量a和b。在全局作用域中，我们可以访问变量a，但无法访问变量b。

作用域链的机制确保了变量的访问权限是受限的。变量只能在声明它的作用域或该作用域的子作用域中访问。

作用域闭包

作用域闭包是JavaScript中一个高级的概念。作用域闭包是指一个函数可以访问其父作用域中的变量，即使该函数已经执行完毕。

例如，我们有一个函数名为foo()，该函数内部有一个代码块如下：

function foo() {
  var a = 1;

  return function() {
    console.log(a); // 1
  };
}

var bar = foo();

bar(); // 1

在这个函数中，我们声明了两个变量a和b，其中a是函数作用域的变量，b是代码块作用域的变量。

当我们调用foo()函数时，会创建一个新的作用域链。这个作用域链从foo()函数的作用域开始，一直到全局作用域结束。

在foo()函数的作用域中，我们可以访问变量a和b。在代码块的作用域中，我们可以访问变量a和b。在全局作用域中，我们可以访问变量a，但无法访问变量b。

当我们调用bar()函数时，会执行代码块中的代码。在代码块中，我们可以访问变量a，即使foo()函数已经执行完毕。这是因为bar()函数闭包了foo()函数的作用域，从而可以访问foo()函数作用域中的变量。

作用域闭包在JavaScript中非常有用。它可以帮助我们实现各种高级的编程技术，例如模块化编程、高阶函数和柯里化函数。