網(wǎng)上說法很多，很少一句話能總結(jié)清楚的，終于找到兩句一針見血的描述，很到位：

?

相同點(diǎn)：都不阻塞DOM解析

?

defer ?：順序：保證先后順序。解析：HTML 解析器遇到它們時，不阻塞（腳本將被異步下載），待文檔解析完成之后，執(zhí)行腳本。

?

async ?：順序：不保證先后順序。解析：HTML 解析器遇到它們時，不阻塞（腳本將被異步下載，一旦下載完成，立即執(zhí)行它），并繼續(xù)解析之后的文檔。

?

總結(jié)一下：defer 效果是 ：js異步下載完畢后且DOM解析完成后且DOMContentLoaded 事件觸發(fā)之前按照按頁面腳本出現(xiàn)次序順序從上至下依次執(zhí)行！

? ? ? ? ? ? ??async 效果是：哪個js先下載就先執(zhí)行，不按頁面腳本出現(xiàn)次序順序，js的執(zhí)行一定是在?window的load事件觸發(fā)之前

?

順便一提：window的load事件會在頁面中的一切都加載完畢時觸發(fā)，但這個過程可能會因?yàn)橐虞d外部資源過多而頗費(fèi)周折。

? ? ? ? ? ? ? 而DOMContentLoaded事件則在形成完成的DOM樹之后就會觸發(fā)，不理會圖像、JavaScript文件、CSS文件或其他資源是否已經(jīng)下載完畢。

?

個人建議：如果加載的JS存在依賴關(guān)系，建議使用defer來保證安全，否則使用async即可

? ? ? ? ? ? ? 已獲得廣泛瀏覽器支持，但使用時需要查詢兼容性！

?

轉(zhuǎn)載于:https://www.cnblogs.com/xmyxm/p/5767043.html

總結(jié)

以上是生活随笔為你收集整理的js异步加载 defer和async 比较的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。