在 JavaScript 中，“content=document.get...”和“var content=document.get...”有什么区别？答案

【问题标题】：In JavaScript, what is the difference between "content=document.get..." and "var content=document.get..."在 JavaScript 中，“content=document.get...”和“var content=document.get...”有什么区别？
【发布时间】：2017-11-28 16:42:48
【问题描述】：

我正在关注一些课件，其中包含一个有效的代码示例，但没有任何意义。我读过在定义变量时使用“var”是一种很好的编码习惯，但是这个例子在使用“var”语句时似乎不起作用。

function initiate()
{
    content=document.getElementById("secContent");
    var button=document.getElementById("send");
    button.addEventListener("click", read, false);
}

上面的代码有效，但使用相同的代码并在“content=document.getElementById...”处添加“var”会破坏它。

我想了解为什么这种看似细微的差异会产生如此大的差异。

【问题讨论】：

可能是因为content 已经在同一个上下文/文件中的函数范围之外定义。
What is the scope of variables in JavaScript?的可能重复
相关但不重复：Difference between variable declaration syntaxes in Javascript (including global variables)?
注意：如前所述，您的真正问题似乎是content 被定义并在更大范围内使用。我们不确定这一点，因为您没有向我们提供实际上重复问题的竞争minimal reproducible example。

标签： javascript html dom getelementbyid var

【解决方案1】：

这在 cmets 中已经说过，但很可能，您已经定义了一个名为“content”的全局变量。在函数中“重新定义”变量是不可能的（那么它就是一个局部变量）。

建议您在与全局变量无关的情况下更改局部变量名称，因为您的函数会更改全局变量，这可能会破坏代码。

【讨论】：