js编译时和运行时,js编译器安卓版

最新推荐文章于 2025-05-18 11:59:44 发布

chatgpt001

最新推荐文章于 2025-05-18 11:59:44 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

文章标签：单片机

本文链接：https://blog.youkuaiyun.com/chatgpt001/article/details/134088125

本文详细阐述了JavaScript在浏览器中的执行过程，包括文档对象的创建、解析、异步加载、DOM构建，以及DOMContentLoaded和load事件的触发。重点讲解了async和defer属性对脚本执行的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家好，本文将围绕js编译时和运行时展开说明，js编译器安卓版是一个很多人都想弄明白的事情，想搞清楚js代码运行时间需要先了解以下几个事情。

JavaScript（浏览器）执行的时间线

（创建document对象=>文档解析完=>文档解析完加载完执行完）

创建Document对象，开始解析web页面。这个阶段document.readyState=‘loading’;
遇到link外部css，创建线程，进行异步加载，并继续解析文档；
遇到外部js，并且没有设置async、defer，浏览器同步加载，并阻塞，等js加载完并执行完该脚本，然后继续解析文档；
遇到外部js，并且设置有async、defer，浏览器创建线程异步加载，并继续解析文档；对于async属性的脚本，脚本加载完成后立即执行；对于defer属性的脚本，异步加载，但延迟执行python for语句用法。（异步时禁止使用document.write()，因为当整个文档解析差不多，再调用document.write()，会把之前的文档流都清空）；
遇到img等，先正常解析dom结构，然后浏览器异步加载src，并继续解析文档。（看到img标签直接挂dom树上，不等src加载完）；
当文档解析完成（domTree建立完毕，不是加载完毕），document.readyState=‘interative’
文档解析完成后，所有设置defer的脚本会按顺序执行（现实并不按顺序，js高程中有说明）；
document对象触发DOMContentLoaded事件（jQuery入口函数其实就是触发的这个事件），这也标志着程序从同步脚本执行阶段，转化为事件驱动阶段。
当所有异步的脚本加载完并执行后（img等页面所有的都加载并执行完后），document.readyState=‘complete’,window触发load事件；
从此，以异步响应的方式处理用户输入、网络事件等；