javascript - 为什么我不能在html页面的另一部分调用js函数？

Question

为什么第一个 JavaScript 片段有效，而第二个无效？:

<script>
  commenta();
  function commenta(){
    alert('test');
  }
</script>

<script>
  commenta();
</script>

<script>
  function commenta(){
    alert('test');
  }
</script>

Answer 1

如评论中所述，它之所以有效是因为 Hoisting . Javascript 引擎会将所有声明移动到函数/全局定义的顶部。

但是第二个例子抛出一个错误，因为提升不会在 <script> 上工作。标签。

尝试调换脚本标签的顺序，应该可以。

fiddle: Your code (Before swap)

fiddle: After swap