Javascript 函数内重新定义了未定义的变量

Question

你能帮我理解为什么JS在这里工作吗？

var timer = 3;
var func = function() {
  alert(timer);
  var timer = 5;
}
func();

它返回我"未定义"。

如果我这样做

var timer = 3;
var func = function() {
  alert(timer);
  timer = 5;
}
func();

它按预期工作（警报 3）。

这是我没有正确理解的范围。JS不应该在警报后覆盖"计时器"的定义吗？

仅在镀铬上测试。

谢谢你们。

Answer 1

var timer = 3;
var func = function() {
  alert(timer);
  var timer = 5;
}

当 js 解释时，这段代码变成这样;

var timer = 3;
var func = function() {
  var timer; // Here local variable timer is undefined
  alert(timer); // here local var timer alerts rather than global var timer 
  timer = 5; // here timer got initialized
}

发生这种情况是因为javascript中的提升概念。你可以在这里阅读吊装

Answer 2

变量提升很烦人，因为javascript"提升"（发送变量声明）到当前范围的顶部。

但是，它不会将初始化发送到当前范围的顶部。

所以：

var timer = 3;
var func = function() {
  alert(timer);
  var timer = 5;
}

成为：

var timer = 3;
var func = function() {
  var timer;
  alert(timer);
  timer = 5;
}

当它被解释时。

提升（对许多开发人员来说）是JavaScript的一种未知或被忽视的行为。

如果开发人员不了解吊装，程序可能包含错误（错误）。

为避免 bug，请始终在每个范围的开头声明所有变量。

由于这是JavaScript解释代码的方式，因此它始终是一个好规则。