JavaScript内存中的堆与栈

68 阅读1分钟

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线程处理,一旦请求返回结果,就会将对应的回调放入宏任务队列,等请求完成执行。

image.png