在函数范围内重新声明的全局变量的值[重复]

Question

我的问题可能有点“学究气”，但我遇到了那段代码，我意识到我不明白为什么它返回“未定义”。通过使用 Chrome 调试器，我注意到在我们进入函数的那一刻，a 变量似乎变成了undefined。我的第一感觉是代码块会返回 2。

如果有人能解释一下这个例子，那将不胜感激

  var a = 2;
  console.log((function(condition){
       if (condition) {
          var a = 4;
          return a;
      } else {
          return a;
      }
  })(false))

如果这个问题的标题不够清楚，我让你提出更合适的建议。

Answer 1

var 声明总是被解释为好像它是写在函数体的顶部，所以你的代码运行为

  var a = 2;
  console.log((function(condition){
       var a;
       if (condition) {
          a = 4;
          return a;
      } else {
          return a;
      }
  })(false))

由于condition 为假，else 子句运行并且函数返回未初始化的a 值。局部的var声明隐藏了函数外声明的相对全局的a；它与函数的行为方式无关。

如果您使用let 而不是var 声明本地a，情况会有所不同。 else 子句中的a 引用将 引用了更​​全局的a。 let 声明的范围仅限于它的封闭块语句，这与 var 不同，它总是生成函数范围的变量。