js运行机制

JS只有一个主线程，主线程执行完执行栈的任务后去检查异步的任务队列，如果异步事件触发，则将其加到主线程的执行栈。

1.js单线程

同一时间只能做一件事情。原因是与它的用途有关。比如：如果此时同时有两个线程，一个线程在节点上添加内容，一个线程是删除内容，浏览器不知道以哪个线程为准，避免复杂性，所以js就是单线程。

2.任务队列

所有任务分为两种：同步任务和异步任务

同步任务指的是在主线程上排队的任务，只有前一个任务执行完毕，才能执行后一个任务。异步任务指的是，不进入主线程，而进入任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

同步任务在主线程上形成了执行栈，执行线中同步任务执行完毕，就会读取，任务队列，进入执行线，开始执行。

异步任务：setTimeout和setInterval；dom事件；es6中promise

3.eventloop

主线程从任务队列中读取事件，这个过程一直重复，循环不断，这种运行机制叫做eventloop。

主线程运行时候，产生堆和栈，栈中代码调用各种外部API，在任务队列中加入各种事件。只要栈中代码执行完毕，主线程就会去读取任务队列，执行那些事件所对应回调函数。

同步任务执行完了才能执行异步任务。

推荐：点击打开链接