浏览器加载 JS 文件的先后顺序同具体的解析和执行有什么关系？

<script> 标签引入脚本有三种情况：

立即执行

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

顺序：保证先后顺序。解析：HTML 解析器遇到它们时，将阻塞（取停止解析），待脚本下载完成并执行后，继续解析标签之后的文档。

推迟执行

<script defer src="a.js">
<script defer src="b.js">

顺序：保证先后顺序。解析：HTML 解析器遇到它们时，不阻塞（脚本将被异步下载），待文档解析完成之后，执行脚本。

尽快执行

<script async src="a.js">
<script async src="b.js">

顺序：不保证先后顺序。解析：HTML 解析器遇到它们时，不阻塞（脚本将被异步下载，一旦下载完成，立即执行它），并继续解析之后的文档。

有一张图可以帮助理解这些情形：＊来源：http://peter.sh/experiments/asynchronous-and-deferred-javascript-execution-explained/

====
兼容性参考： https://developer.mozilla.org/en-US/docs/HTML/Element/script#Compatibility