javascript - JavaScript 文件是如何加载和执行的？

Question

我不经常看到有关 JavaScript 文件加载/执行顺序的讨论或研究。我对解释如何处理 JavaScript 的网站感兴趣。特别是，如果我有

<script src="a.js"></script>
<script src="b.js"></script>
<script src="c.js"></script>

我假设首先下载 a.js，然后是 b.js，最后是 c.js，还是同时下载它们？执行呢？标题中的脚本是否优先于正文中的脚本？

我对这个话题如此感兴趣的主要原因是因为我正在编写一个使用动态加载这些脚本的 JavaScript 软件，有时我会收到诸如 x is undefined 之类的错误(它没有在其他脚本之前加载)，但是通常这些错误不会发生。我不明白为什么。

Answer 1

脚本是并行下载的，但会按照它们在 HTML 中出现的顺序进行解析和执行，从而阻止页面上的其他操作(包括渲染)，直到它们执行完毕。如果脚本是由 JavaScript 代码通过 DOM 添加的，或者 async attribute存在于最新版本的 Firefox 中。