事件循环以及宏任务与微任务

javascript是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。如果在代码中存在定时任务，单线程执行必然会造成阻塞。但是在真正的开发中并没有存在这种情况，那么是什么原因造成的呢？

带着上面的疑问我们可以先了解三个概念：执行栈，宿主环境（浏览器/node），执行队列。js分为同步代码和异步代码。在执行的过程中js是先执行同步代码，具体就是把同步代码统一放到执行栈顺序依次执行。如果中间有异步代码就会把异步代码先放到宿主环境中，不必原地等待结果,并不阻塞主线程继续往下执行,异步结果在将来执行。简而言之同步代码给js引擎执行，异步代码交给宿主环境。同步代码放入执行栈中，异步代码等待时机成熟送入任务队列其排队。执行栈执行完毕，会去任务队列看是否有异步任务，有就送到执行栈执行，反复循环查看执行，这个过程是事件循环(eventloop)。

 微任务与宏任务

js把异步代码分为微任务与宏任务。其中宏任务是由宿主发起的，微任务是由js引擎发起的，所以在代码执行的过程中是先执行微任务再执行宏任务的。

 

 因此我们可以得出js中代码的执行顺序是：同步任务->微任务（js引擎发起）->宏任务。