简单了解JavaScript作用域

简单了解JavaScript作用域攻略

什么是作用域？

作用域是指在程序中定义变量的区域，它决定了变量的可见性和生命周期。在JavaScript中，有全局作用域和局部作用域两种。

• 全局作用域：在整个程序中都可以访问的变量被称为全局变量，它们在程序开始执行时创建，在程序结束时销毁。

• 局部作用域：在函数内部定义的变量被称为局部变量，它们只能在函数内部访问，函数执行完毕后会被销毁。

作用域链

JavaScript中的作用域是通过作用域链来实现的。作用域链是一个由多个作用域对象组成的链表，它决定了变量的查找顺序。

当访问一个变量时，JavaScript引擎会从当前作用域开始查找，如果找不到，则会向上一级作用域继续查找，直到找到该变量或者到达全局作用域。

示例说明

示例一：全局作用域和局部作用域

var globalVariable = \"Global\"; // 全局变量

function foo() {
  var localVariable = \"Local\"; // 局部变量
  console.log(globalVariable); // 输出：Global
  console.log(localVariable); // 输出：Local
}

foo();
console.log(globalVariable); // 输出：Global
console.log(localVariable); // 报错：localVariable未定义

在上面的示例中，globalVariable是一个全局变量，可以在函数内部和外部访问。而localVariable是一个局部变量，只能在foo函数内部访问。

示例二：作用域链

var globalVariable = \"Global\";

function outer() {
  var outerVariable = \"Outer\";

  function inner() {
    var innerVariable = \"Inner\";
    console.log(globalVariable); // 输出：Global
    console.log(outerVariable); // 输出：Outer
    console.log(innerVariable); // 输出：Inner
  }

  inner();
}

outer();
console.log(globalVariable); // 输出：Global
console.log(outerVariable); // 报错：outerVariable未定义
console.log(innerVariable); // 报错：innerVariable未定义

在上面的示例中，inner函数可以访问到全局变量globalVariable、外部函数outer的局部变量outerVariable，以及自身的局部变量innerVariable。但是在外部函数outer和全局作用域中无法访问innerVariable和outerVariable。

这就是作用域链的工作原理，它保证了变量的可见性和访问权限。

希望这个简单的攻略能帮助你更好地理解JavaScript作用域！