爱的魔力转圈圈——Event Loop深入详解

1、爱的魔力转圈圈event loop深入详解多进程的扫瞄器 在提到单线程的javascript之前，先说一下扫瞄器的多进程做铺垫。 现代扫瞄器都是多进程的，以chrome为例，假如想要查看扫瞄器的进程，可以打开菜单 - 更多工具 - 任务管理器 即便只打开一个网页，也会发觉不止一个任务，在chrome里，有如下进程 多进程的益处是享受操作系统里更好的隔离性，即便插件挂了，也只影响了插件的进程，对页面没有影响。像docker启动的实例，其实也都是进程隔离。 但因为进程比较重，所以还有一个轻量级的线程可供用法，线程依附于进程。 单线程的javascript 我们知道javascript是一种单、异步

2、非堵塞、说明型的语言。单线程指的是在javascript引擎中——无论是扫瞄器环境还是node.js环境，执行javascript代码的线程惟独一个。但不能认为囫囵运行环境的线程数惟独一个，以扫瞄器来说，普通会有如下线程 javascript引擎线程 - 负责执行javascript，和gui渲染线程是互斥的，由于javascript也能操作dom，而ui的操作普通只能由一个线程来执行 大事触发线程 - 把大事任务放入大事队列，来源不光是ui大事，也可能是定时器、http哀求等 定时触发器线程 - 执行settimeout和setinterval，到时后

3、通过大事触发线程放入大事队列 http哀求线程 - 负责处理异步的ajax哀求，哀求完成后，通知大事触发线程把回调放入大事队列 gui渲染线程 - 解析html和css，然后将他们构建成dom树和cssom树，进而合成渲染树，重排重绘也会调用起该线程；与javascript引擎线程是互斥的，当 javascript引擎线程在工作的时候，gui 渲染线程会被挂起，gui更新被放入在 javascript任务队列中，等待javascript引擎线程空闲的时候继续执行 在需要控制ui的客户端端技术中，都只能是由单个线程来控制界面变幻，无论是web还是ios还是android，都只能是由特定的运行线程

4、来操作界面，假如多个线程的话反而会造成ui紊乱以及无谓的渲染开销，刚才也提到了javascript引擎线程因为能操作dom，所以和gui渲染线程也会形成互斥。 javascript虽然是单线程，但是它能做到异步非堵塞，速度嗖嗖的快，发出xhr哀求后不需要等到它返回之后才继续往下执行，而是可以等到响应回归之后自动调用回调函数。javascript异步的实现靠的就是扫瞄器的多线程，当他碰到异步api时，就将这个任务交给对应的线程，当这个异步api满足回调条件时，该线程又通过大事触发线程将这个大事放入任务队列，然后主线程从任务队列取出大事继续执行。这个任务队列就是event loop。 在最新的html5中有了web worker，它能开出另一个线程，但是不涉及扫瞄器渲染等操作，也就是说它只是一个特别的用作计算作用的线程，并受主线程管控。 同步与异步 在单线程环境下，代码分两种，一种是同步任务，一种是异步任务。假如不存在异步任务，那么代码永久是根据从上到下的次序执行，对于一些耗时、等待的场景则必定引起堵塞。如果有一个按钮点击之后从服务器下载数据，一旦堵塞，那么