JavaScript单线程和事件循环机制

JavaScript事件循环机制

JavaScript是一种单线程、非阻塞的语言，这是由于它当初的设计就是用于和浏览器交互的：

单线程：

JavaScript设计为单线程的原因是，最开始它最大的作用就是和DOM进行交互，试想一下，如果JavaScript是多线程的，那么当两个线程同时对DOM进行一项操作，例如一个向其添加事件，而另一个删除了这个DOM，此时该如何处理呢？因此，为了保证不会 发生类似于这个例子中的情景，JavaScript选择只用一个主线程来执行代码，这样就保证了程序执行的一致性。

非阻塞：

当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再根据一定规则去执行相应的回调。而JavaScript实现异步操作的方法就是使用Event Loop。

setTimeout(function () {
    console.log(1);
});

new Promise(function(resolve,reject){
    console.log(2)
    resolve(3)
}).then(function(val){
    console.log(val);
})

首先setTimeout和Promise中的then回调都是异步方法，而new Promise则是一个同步操作，所以这段代码应该首先会立即输出2；JavaScript将异步方法分为了marco task（宏任务：包括setTimeout和setInterval等）和micro task（微任务：包括new Promise等），在JavaScript的执行栈中，如果同时存在到期的宏任务和微任务，则会将微任务先全部执行，再执行第一个宏任务，因此，两个异步操作中then的回调会率先执行，然后才执行setTimeout的回调，因此会依次输出3、1，所以最终输出的结果就是2、3、1。