JS引擎机制

JS中的event loop(1)

例1,观察它的执行顺序

1.    console.log(1)

2.  

3.    setTimeout(function(){

4.        console.log(2)

5.    },0)

6.  

7.    console.log(3)

运行结果是：1 3 2

也就是说，setTimeout里的函数并没有立即执行，而是延迟了一段时间，满足一定条件后才去执行的，这类代码，我们叫异步代码。

所以，这里我们首先知道了JS里的一种分类方式，就是将任务分为：同步任务和异步任务。

按照这种分类方式:JS的执行机制是：

• 首先判断JS是同步还是异步，同步就进入主进程，异步就进入event table

• 异步任务在event table中注册函数，当满足触发条件后，被推入event queue

• 同步任务进入主线程后一直执行，直到主线程空闲时，才会去event queue中查看是否有可执行的异步任务，如果有就推入主进程中

以上三步循环执行，这就是event loop。

所以上面的例子，你是否可以描述它的执行顺序了呢？

• console.log(1) 是同步任务，放入主线程里

• setTimeout() 是异步任务，被放入event table， 0秒之后被推入event queue里

• console.log(3 是同步任务，放到主线程里

当 1、 3在控制条被打印后，主线程去event queue(事件队列)里查看是否有可执行的函数，执行setTimeout里的函数。