跟我学习javascript的作用域与作用域链

学习JavaScript的作用域与作用域链攻略

1. 什么是作用域？

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

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

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

2. 作用域链的概念

作用域链是指在JavaScript中，每个函数都有一个作用域链，用于查找变量。当访问一个变量时，JavaScript引擎会先在当前函数的作用域中查找，如果找不到，就会沿着作用域链向上查找，直到找到该变量或者到达全局作用域。

3. 示例说明

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

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

function foo() {
  var localVariable = \"Local\"; // 局部变量
  console.log(globalVariable); // 可以访问全局变量
  console.log(localVariable); // 可以访问局部变量
}

foo(); // 输出：Global Local
console.log(globalVariable); // 输出：Global
console.log(localVariable); // 报错：localVariable is not defined

在上面的示例中，globalVariable是一个全局变量，可以在函数内部和外部访问。而localVariable是一个局部变量，只能在函数内部访问。当函数执行完毕后，局部变量localVariable被销毁，无法在函数外部访问。

示例二：作用域链的查找顺序

var globalVariable = \"Global\";

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

  function inner() {
    var innerVariable = \"Inner\";
    console.log(innerVariable); // 可以访问内部变量
    console.log(outerVariable); // 可以访问外部变量
    console.log(globalVariable); // 可以访问全局变量
  }

  inner();
}

outer();

在上面的示例中，inner函数内部可以访问到三个变量：innerVariable、outerVariable和globalVariable。当访问变量时，JavaScript引擎会先在当前函数的作用域中查找，如果找不到，就会沿着作用域链向上查找。在这个例子中，inner函数的作用域链包含了inner函数的作用域、outer函数的作用域和全局作用域。因此，inner函数可以访问到这三个变量。

希望这个攻略对你学习JavaScript的作用域与作用域链有所帮助！如果还有其他问题，请随时提问。