JS变量作用域

1. 全局作用域

• && var：不在任何函数体内定义的var变量具有全局作用域 （不同函数内部的同名变量互相独立，互不影响：）；
  && let和const: 不在任何块级（即{}内）语句中定义的let变量或const常量具有全局作用域 （不同块级（即{}内）语句内部的同名变量互相独立，互不影响：）。

  // 1.如果一个var变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量：
  function garden() {
      var x = 1;
      x = x + 1;
  }
  x = x + 2; // ReferenceError! 无法在函数体外引用变量x
  
  // 2.如果一个let变量或const常量在块级（即{}内）语句内部申明，则该变量的作用域为整个块级（即{}内）语句，
  //   在块级（即{}内）语句外不可引用该变量：
  if (true) {
      var upperA = 'LetterA';
  }
  upperA + 'B'; // ReferenceError: upperA is not defined
  
  // 3.由于JavaScript的函数可以嵌套，此时，内部函数可以访问外部函数定义的变量，反过来则不行：
  function garden() {
      let x = 1;
      function showtime() {
          let y = x + 1; // showtime可以访问garden的变量x!
      }
      let z = y + 1;     // ReferenceError! garden不可以访问showtime的变量y!
  }

• 提醒：JavaScript的函数在查找变量时从自身函数定义开始，从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量，则内部函数的变量将“屏蔽”外部函数的变量。

2. 局部作用域

• 在任何块级（即{}内）语句中定义变量或常量具有全局作用域。