javascript - 当我使用不带 'var' 的全局范围变量时，它向我显示错误。为什么？

Question

请参阅下面的示例代码

<script>
alert(a); // undefined
alert(b); // It is Error, b is not defined.
var a=1;
b=10;
</script>

当变量 a 和 b 都在全局范围内时，为什么我会收到 b 的错误消息。但是变量 a 没有错误消息？这是什么原因？

有人可以解释一下吗？

Answer 1

第一个 alert 显示 undefined 因为 var 语句被提升到封闭范围的顶部，换句话说，var 语句和 function 声明是在实际代码执行之前，在解析阶段进行的。

当你的代码被执行时，相当于:

var a;    // declared and initialized with `undefined` before the code executes
alert(a); // undefined
alert(b); // ReferenceError, b is not declared.
a=1;
b=10;

第二个 alert 甚至没有执行，试图访问 b 给你一个 ReferenceError 因为你从来没有声明它，你是试图访问它。

这就是标识符解析过程在 Javascript 中的工作方式，如果在所有范围链中都找不到标识符，则会抛出 ReferenceError 异常。

此外，您应该知道分配标识符而不先声明它(如b = 10)在技术上并不声明变量，即使在全局范围内，效果也可能相似(而且似乎有效)，最后标识符作为全局对象的属性结束，例如:

var a = 1;
b = 10;

// Similar effect:
window.a; // 1
window.b; // 10

但这只是因为全局对象是作用域链的最顶层环境记录。

上面两者的另一个区别是用var声明的标识符在全局对象上产生了一个不可配置的属性(不能删除)，例如:

delete window.a; // false
delete window.b; // true

此外，如果您在函数范围内，并且对未声明的标识符进行赋值，它将最终成为全局对象的属性，就像上面的示例一样，而 var 语句将创建一个局部变量，例如:

(function(){
  var a = 1;
  b = 10;
})();

typeof window.a; // 'undefined', was locally scoped in the above function
typeof window.b; // 'number', leaked, an unintentional global

我真的不鼓励对未声明的标识符进行赋值，总是使用 var 来声明你的变量，此外，这在 ECMAScript 上是不允许的 5 严格模式，对未声明标识符的赋值会抛出一个ReferenceError:

(function(){'use strict'; b = 10;})(); // throws a ReferenceError