前端面试题库

async和defer的区别

asyncdefer更新时间:2024-08-22 09:12:40

答案

script 是会阻碍 HTML 解析的,只有下载并执行完脚本才会继续解析 HTML。

  • 相同点:asyncdefer都是异步下载脚本,不会阻塞html的解析。

  • 区别:

    1. async的执行与文档的顺序无关,先加载完哪个就先执行哪个;多个defer会按照文档中的顺序执行,

    2. async加载完后立即执行;defer需要等到所有元素解析完成后DOMContentLoaded事件触发前按照顺序执行。

下面的图解释了它们的加载和执行过程 https://file.vwood.xyz/2024/08/22/upload_er4sdjprz5h1obd0rocdyj3mzv4wl7v3.png

评论