JavaScript 未定义的变量是自动定义的？答案

【问题标题】：JavaScript undefined variables are auto-defined?JavaScript 未定义的变量是自动定义的？
【发布时间】：2014-02-15 22:03:24
【问题描述】：

JavaScript 是否会自动尝试将未定义的变量定义为：

document.getElementById('someUndefVarName')

如下所示，似乎是等价的：

<div id="myUndefVar">:)</div>
<script>
    alert(myUndefVar); // why does this work!?
    alert(document.getElementById('myUndefVar'));
</script>

还是发生了我不明白的其他事情？这真的让我措手不及，因为我使用的是“use strict”，所以我预计会出现某种错误。

【问题讨论】：

【解决方案1】：

一些（并且只有一些）浏览器根据 ID 创建全局变量。

这在调试时很有用（即在 chrome 控制台中，您只需键入“Blah”即可使用id="Blah" 访问 HTML 元素），但不应依赖于跨浏览器工作.

此外，如果你这样做：

<div id="myUndefVar">:)</div>
<script>
    var myUndefVar;
    alert(myUndefVar);
</script>

或者这个：

<div id="myUndefVar">:)</div>
<script>
    alert(myUndefVar);
    var myUndefVar;
</script>

然后alert 将显示值undefined。如果在同一范围内没有定义其他具有相同名称的 var（包括提升，如第二个示例中所示），它将仅查找元素的命名 ID。

【讨论】：

【解决方案2】：

我相信这个问题的答案可以很好地概括为：

浏览器会根据元素 ID 自动创建全局变量

这似乎是一个非常糟糕的功能，我会避免依赖这种行为。

【讨论】：