async 和 defer 是用于异步加载 JavaScript 文件时的两种不同方式，它们有各自的应用场景和特点。
-
async：- 当浏览器遇到带有
async属性的<script>标签时，它会开始下载脚本文件，但不会阻止 HTML 解析过程。 - 脚本文件下载完成后，浏览器会立即执行该脚本，而不管 HTML 解析是否已经完成。
- 多个带有
async属性的脚本文件，可能以不确定的顺序执行，因为它们在下载完成后会立即执行。 - 主要适用于独立的脚本，不依赖于页面其他内容的加载顺序，且无需等待 HTML 解析完毕即可执行的情况。
- 当浏览器遇到带有
-
defer：- 当浏览器遇到带有
defer属性的<script>标签时，它会开始下载脚本文件，但会延迟脚本的执行，直到 HTML 解析完成后再执行。 - 多个带有
defer属性的脚本文件会按照它们在页面中出现的顺序依次执行。 - 与
async不同，defer保证脚本文件会按照指定的顺序执行，并且会在文档解析完成后执行，但仍然在DOMContentLoaded事件之前执行。 - 适用于那些需要等待文档解析完成后执行的脚本，但又不需要阻塞其他资源的加载的情况。
- 当浏览器遇到带有
应用场景：
- 如果你的脚本与页面其他内容无关，且可以独立运行，那么可以使用
async，以尽快地异步下载和执行脚本。 - 如果你的脚本依赖于页面的结构，但又不需要等待所有 HTML 解析完成，那么可以使用
defer。 - 如果你的脚本需要在页面完全加载之后执行，可以将脚本放在
<body>结尾处，或者使用defer。
总之，async 用于独立脚本的快速异步加载和执行，而 defer 用于需要等待页面解析完成后再执行的脚本。
