浏览器加载外部js 的顺序,以及处理顺序。

探讨浏览器在加载并执行多个JS文件时的顺序及状态变化,解释JS解释器单线程特性导致的加载完成与执行完成之间的延迟现象。

问题, 有事候按F12打开 google的调试台后,查看network下面加载过来的资源是, 有些资源的状态处于 pending..

 

个人理解: 浏览器是可以同时开启多个http 请求去加载外部的资源的, 我们讨论浏览器同时加载 2 个外部的javascript 文件的情况。

当浏览器同时开启两个线程去加载外部的两个 js 文件时 ,都加载完成之后, 肯定是有先后顺序的, 这时加载完成的 js 文件要给 浏览器内

的 javascript 解释器执行, 我们知道,js 解释器是单线程的,所以虽然两个文件都加载完成了, 当先加载完成的那个 js 文件还在被 js 解释器

执行的时候, 另外一个 js 文件虽然基本上已经 加载完成了(这个有时间抓包,看看文件是不是有通过http响应已经拿回到浏览器了!验证一下) ,

 但还是处于 pending 状态, 当前面那个 先加载处理完成的 js 文件被 js 解释器执行完成的时候, 这个 js 文件的状态立即 变成 “http 200 ok”状态!!

个人理解!

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值