在 Wordpress 中，我的 Javascript 对换行符很敏感？答案

【问题标题】：In Wordpress, my Javascript is sensitive to line breaks?在 Wordpress 中，我的 Javascript 对换行符很敏感？
【发布时间】：2014-07-16 17:26:10
【问题描述】：

Javascript 在任何情况下都对换行敏感吗？我的印象是不是，例如我知道js代码通常是“minified”。

我正在开发 WordPress，如果这可能会有所不同，但我已将其归结为以下最小示例。我有一个 html 元素：<p id="my-test"></p> 和一个脚本。以下脚本可以正常工作：

<script type="text/javascript">
window.onload = function(){doSomething();}
function doSomething() { 
    document.getElementById("my-test").innerHTML = "Hello world.";
    var meaningOfLife = 42;
}
</script>

但如果我按如下方式添加一个换行符，它将完全停止工作：

<script type="text/javascript">
window.onload = function(){doSomething();}
function doSomething() { 
    document.getElementById("my-test").innerHTML = "Hello world.";

    var meaningOfLife = 42;
}
</script>

请在我发疯之前照亮我。我尽量保持最小化，但如果您需要更多详细信息，请告诉我。谢谢。

【问题讨论】：

是的，当您忘记或省略分号时，换行很重要。谷歌“自动分号插入”。
作为一种好的做法，您应该始终插入分号。
专业提示：window.onload = doSomething;
对不起，我只是忘记在 SO 问题中包含分号，我已经确认它在我的代码中。现象依旧。 ://
我在这个问题中添加了Wordpress 标签，因为我认为您的问题可能在某种程度上与 Wordpress 有关。除了在 Javascript 中自动插入分号之外，换行符应该没有任何影响。

标签： javascript wordpress syntax-error

【解决方案1】：

您收到此错误：

Uncaught SyntaxError: Unexpected token

WordPress 显然是在解析连续的换行符并添加 <p> 标签：

<script type="text/javascript">
window.onload = function(){setLayout();};
function setLayout() { 
    document.getElementsByClassName("my-test")[0].innerHTML = "Hello world.";</p>
<p>    var meaningOfLife = 42;
}
</script>

<script> 不允许这样做。

【讨论】：