JavaScript:理解事件循环

话说js是单线程的,它通过浏览器事件循环轮询事件队列,来实现异步。然而,事件循环的时机是什么时候?浏览器是如何帮助JS引擎线程实现异步的?

浏览器页面进程的四个线程

首先说一下,chrome会为每一个tab创建一个进程,每个页面进程下可以创建多个线程,比如http请求线程(Ajax)、界面渲染线程(HTML&CSS)、JS引擎线程(JS)、浏览器事件触发线程(UI&DOM)、定时器(Timer)。

(既然渲染线程和js引擎是两个线程,为什么执行js会阻塞页面渲染?)

js的异步原理

用图片说话吧,请欣赏宝宝刚出炉热腾腾的sketch。

实在惭愧,画完图以后,就不想打字了说话了。发现自己爱绘画胜过文字~~~大家凑合着看啦。

posted @ 2016-09-26 19:54  Amy_Fox  阅读(170)  评论(2编辑  收藏  举报