如何理解js 的异步?

image.png
1. 消息队列执行循序,优先执行微队列,其他队列按浏览器设置。
2.只有promise回调, mutation回调(nextTick ),会包装成任务加入微队列。

JS 是一门单线程语言,是因为他是运行在浏览器的渲染主线程中,而渲染主线程只有一个。
渲染主线程承担着很多工作,渲染页面,执行js都在其中。

如果使用同步的方式,就有可能导致主线程阻塞。从而导致消息队列其他任务无法执行。
这样一来,一方面会导致繁忙的主线程白白消耗时间,另一方面导致页面无法及时更新,给用户造成卡死现象。
所有浏览器采用移步的方式来避免。具体做法是当某些任务发生时。比如计时器,网络,事件监听,主线程将任务交给其他线程去处理,
自己立即结束任务的执行,转而执行后面的代码。当其他任务完成时,将事先实现传递的回调函数包装成任务,加入消息队列的末尾排队,
等主线程调度执行。
在这种移步模式下,浏览器永不堵塞,从而最大限度的保证了主线程的流畅运行。

image.png

image.png

[图片上传中...(image.png-a0896f-1678937689236-0)]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容