javascript - 在javascript中，只有在同一个脚本标签中定义之前的函数调用才有效

Question

//场景一

<script>
myFunction(); // This won't work.
</script>

<script>
function myFunction() {
    alert("ok");
}
</script>

---

//场景二

<script>
myFunction(); // This will work.
function myFunction() {
    alert("ok");
}
</script>

为什么？感谢您的帮助!

Answer 1

在 JavaScript 中，脚本按照它们在页面上出现的顺序加载并被阻塞。因为你把它们放在单独的脚本标签中，所以它们是分开加载的。第一个被加载并且方法在没有被定义的情况下被执行。在第二个例子中，方法定义和调用是同时加载的，也就是说方法在被调用时确实存在。