JavaScript中的作用域深入浅出解析，七日打卡总结

2023-12-23 11:15:18

JavaScript 中的作用域：理解变量的可访问性

在 JavaScript 中，作用域是决定变量可访问范围的重要概念。它指定了程序的哪些部分可以访问和使用特定变量。深入了解作用域将帮助你编写出组织良好、易于维护的代码。

全局变量

什么是全局变量？

全局变量在函数外部声明，可以在程序的任何地方访问。它们使用 var 声明，例如：

var globalVariable = "Hello World!";

全局变量的作用

全局变量在存储应用程序范围内的数据中发挥着至关重要的作用，例如配置信息和用户会话数据。

局部变量

什么是局部变量？

局部变量在函数内部声明，只能在该函数中访问。它们也使用 var 关键字声明，但必须在函数内：

function myFunction() {
  var localVariable = "Hello Local!";
}

局部变量的访问限制

局部变量只能在声明它们的函数内使用。尝试从函数外部访问局部变量会导致错误。

变量提升

什么是变量提升？

变量提升是一个有趣的 JavaScript 特性，它将所有变量提升到函数的顶部。这意味着即使变量在函数体末尾声明，也可以在前面使用。

function myFunction() {
  console.log(localVariable); // undefined
  var localVariable = "Hello Local!";
}

变量提升的优点

变量提升简化了代码编写，因为你可以随时使用变量，而无需担心声明顺序。

块级作用域

什么是块级作用域？

块级作用域由花括号 { } 定义，它创建了一个局部作用域。在块内声明的变量只能在该块内访问。

if (true) {
  var blockVariable = "Hello Block!";
}

console.log(blockVariable); // 报错：blockVariable is not defined

块级作用域的好处

块级作用域有助于控制变量的范围，使代码更易于维护和理解。

词法作用域

什么是词法作用域？

词法作用域是指变量的作用域由其在代码中的位置决定。在 JavaScript 中，词法作用域是静态的，这意味着变量的作用域在编译时就已确定。

function outerFunction() {
  var outerVariable = "Hello Outer!";

  function innerFunction() {
    var innerVariable = "Hello Inner!";

    console.log(outerVariable); // Hello Outer!
    console.log(innerVariable); // Hello Inner!
  }

  innerFunction();
}

outerFunction();