JavaScript 执行机制

目录

一、JavaScript是单线程的

二、任务队列

三、JavaScript的运行机制

四、定时器

---

一、JavaScript是单线程的

JavaScript 是 单线程 的（同一时间只能做一件事）。之所以是单线程与它的用途有关。作为浏览器的脚本语言，JavaScript 的主要用途是与用户互动以及操作 DOM，这决定了它只能是单线程的，否则会带来复杂的同步问题。比如：假设 JavaScript 同时有两个线程，其中一个线程在某个 DOM 节点添加内容，另一个线程是要删除这个 DOM 节点，这样就乱了。所以为了避免复杂性，JavaScript 从一诞生就是单线程，这已经成了这门语言的核心特征，将来也不会改变。

为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程，但是子线程完全受主线程控制，且不得操作 DOM。所以，这个新标准并没有改变 JavaScript 单线程的本质。

二、任务队列

单线程就意味着所有的任务都要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等待。如果排队是因为计算量大，CPU 忙不过来，还可以理解，但是很多时候 CPU 是闲着的，因为 IO 设备（输入输出设备）很慢（比如 Ajax 操作从网络请求数据），不得不等着结果出来，再往下执行，这样就很坑。

针对这一问题，JavaScript 语言的涉及大佬意识到，可以将 IO 操作挂起处于等待任务中，先运行排在后面的任务，等到 IO 操作结束之后再将挂起的任务执行完毕。于是乎，所有的任务可以分成两种，一种是 同步任务（synchronous），另一种是 异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入 "任务队列"（task queue）的任务，只有 "任务队列" 通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。注意：任务队列中有分 宏任务队列 和 微任务队列。

三、JavaScript的运行机制

（1）所有同步任务都在主线程上执行，形成一个执行栈。

（2）主线程之外，还存在一个"任务队列"，只要异步任务有了运行结果，就在"任务队列"之中注册 回调函数。

（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"里已经完成操作的异步任务，并将其执行。

（4）只要主线程空了，就会去读取"任务队列"，这个过程会不断重复，这种运行机制又称为Event Loop（事件循环）。

四、定时器

除了放置异步任务的事件，"任务队列" 还可以放置定时事件，这里主要说一下具有定时功能的两个主要函数 setTimeout() 和 setInterval()，其二者的内部运行机制完全一样，区别在于前者指定的代码是一次性执行，后者则为反复执行。

setTimeval()函数，是经过指定时间后，把要执行的任务加到 "任务队列" 中，又因为JavaScript是单线程的，所以任务要一个个的执行，如果前面的任务需要的时间太久，则setTime() 函数在经过指定的时间后把要执行的任务加入到"任务队列"中的那些任务也只能等待，导致真正延迟时间往往会大于设置的延迟时间。

setTimeval()函数，是每个指定的时间将要执行的任务加入到 "任务队列" 中，和 setTimeout() 函数要指定执行的函数一样，只能等待前面的任务都执行完毕之后，才能执行该任务。要注意的是对于 setTimeval(func，ms) 函数来说，并不是每过 ms 秒就会执行一次 func 函数，而是每过 ms 秒，就会又一个 func 函数进入到"任务队列"中，一旦setInterval的回调函数func执行的时间超过了 ms 秒，那么就完全看不出具体的时间间隔了。

 

本文参考阮一峰大佬的网络日志：http://www.ruanyifeng.com/blog/2014/10/event-loop.html