JavaScript 同步异步 宏任务微任务

JS同步异步任务

作为浏览器脚本语言，JS是单线程机制的，拥有唯一的主线程。在主线程上排队执行的任务就是同步任务，而在任务队列里等待进入主线程的任务是异步任务。

1.任务处理机制

如下图，当主线程任务完成后，去微任务队列查询是否有微任务，处理完微任务后，主线程与微任务队列均没有任务了，去宏任务队列里执行宏任务。
队列都是先进先出

2.常见的宏任务和微任务

宏任务

UI渲染，setTimeout，setTimeInterval，I/O，requestAnimationFrame等

微任务

proces.nextTick()，promise.then()（这里要注意，promise的构造函数不是微任务，而是同步任务）， Object.observe()等。

3.关于setTimeout

setTimeout中，事件参数的意义是：间隔该毫秒后将该任务放到宏任务队列中，看下面的例子

setTimeout(fn1,2000);
setTimeout(fn2,1000);

这种情况下，fn1在2s后会被放到宏任务队列当中，fn2会在1s后放到宏任务队列中。那么在主线程去宏任务队列取任务时，由于先进先出，首先会把fn2放进主线程。
再看一个例子：

setTimeout(fn1,2000);
fn3();// 一个耗时3s的任务

这里，fn3是一个耗时3s的任务，而且是同步任务，那么主线程会在执行完该任务后才去宏任务队列取任务fn1。也就是fn1会在3s后才被执行。