JavaScript运行机制

JavaScript运行机制

Javascript是一门单线程的语言虽然在 html5 中提出了 Web-Worker ，但这并未改变 JavaScript 是单线程这一核心。

Js会先执行同步任务（主线程）

同步任务结束后执行异步任务（setTimeOut。setInterval。Ajax。Promise。I/O）

· 同步任务(synchronous)：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；

· 异步任务(asynchronous)：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

对于异步的操作，会有一个优先级的执行顺序，分别为宏任务和微任务

宏任务(macrotasks)和微任务(microtasks)？？包含什么？

macrotasks: setTimeout, setInterval, setImmediate, I/O, UI rendering

microtasks: process.nextTick, Promises, Object.observe(废弃), MutationObserver

当执行栈空了，会检查微任务队列中是否有任务，将微任务队列中的任务依次拿出来执行一遍。当微任务队列空了，从宏任务队列中拿出来一个任务去执行，执行完毕后检查微任务队列，微任务队列空了之后再从宏任务队列中拿出来一个任务执行。这样持续的交替执行任务叫做事件循环。

注意：ajax请求不属于宏任务，js线程遇到ajax请求，会将请求交给对应的http线程处理，一旦请求返回结果，就会将对应的回调放入宏任务队列，等请求完成执行。