作用域：控制 JavaScript 变量和函数的可访问性

作用域：变量和函数的边界

在 JavaScript 中，作用域定义了一个变量或函数的可见范围。它决定了代码中的哪些部分可以访问特定变量或函数。作用域可以是全局的，这意味着变量或函数可在程序的任何部分访问，或者可以是局部的，这意味着变量或函数仅在特定的代码块内可见。

执行上下文：创建作用域的框架

执行上下文是 JavaScript 解释器执行代码时创建的环境。它定义了当前执行的代码块以及与此代码块相关的所有变量和函数。每个执行上下文都有自己的作用域，称为作用域链。

静态作用域：编译时确定可见性

JavaScript 具有静态作用域，这意味着变量或函数的可见性在编译时确定，而不是在运行时确定。这意味着在代码执行之前，就已经确定了变量或函数可以访问哪些其他变量或函数。

ES6 块级作用域：精细控制变量可见性

ES6 引入了块级作用域的概念，使开发人员能够创建具有更精细控制变量可见性的作用域。块级作用域使用大括号 {} 定义，并且在块内声明的变量仅在该块内可见。

函数作用域：创建私有作用域

函数作用域是 JavaScript 中最常见的局部作用域类型。在函数中声明的变量仅在该函数及其任何嵌套函数中可见。这使得创建私有变量和函数成为可能，这些变量和函数仅在特定的函数范围内可见。

作用域在实践中的应用

理解作用域在构建健壮且可维护的 JavaScript 应用程序中至关重要。通过控制变量和函数的可见性，可以避免命名冲突、减少全局变量的使用并提高代码的可读性和可重用性。

示例

// 全局作用域
var globalVar = 10;

function outerFunction() {
  // 函数作用域
  var outerVar = 20;

  if (true) {
    // 块级作用域
    let blockVar = 30;

    console.log(globalVar); // 输出: 10
    console.log(outerVar); // 输出: 20
    console.log(blockVar); // 输出: 30
  }

  console.log(globalVar); // 输出: 10
  console.log(outerVar); // 输出: 20
  console.log(blockVar); // ReferenceError: blockVar is not defined
}

outerFunction();

在这个示例中，全局变量 globalVar 在程序的任何部分都可见。函数 outerFunction 创建了一个函数作用域，其中变量 outerVar 仅在该函数内可见。块作用域使用 let 创建，并且变量 blockVar 仅在代码块内可见。