js事件循环EventLoop

js事件循环机制是指:js运行时, 环境中用来处理异步任务和回调函数的机制,主要目的是确保在js单线程的特性下能够处理异步操作,不然异步耗时任务会阻塞同步任务执行,影响用户体验;

事件循环主要包含以下三个部分:

(1)调用栈:用来存储要执行的上下文代码,例如执行函数时会将函数调用压入栈中,等函数执行完毕然后从栈中弹出

(2)任务队列: 宏队列存储宏任务,微队列存储微任务

(3)EventLoop机制—不断地从任务队列中取出任务,放入调用栈中执行,保证了js事件驱动特性;

事件循环的过程大致如下:

(1)执行同步代码,执行的时候是将同步任务压入调用栈中执行;

(2)遇到异步任务时,会区分,将微任务放到微队列,宏任务放到宏队列;

(3)当调用栈为空时,事件循环机制会检查异步任务,先检查微队列,再检查宏队列,检查中会将任务放入调用栈中去执行;

(4)一般先执行同步任务,然后执行微任务,最后执行宏任务;

(5)当微任务中存在宏任务,将宏任务放到宏队列中等待;宏任务中遇到微任务还是先执行微任务,不断地循环以上过程,知道所有的任务执行完毕;

好处:通过EventLoop事件循环机制,可以避免阻塞主线程,提升了用户体验和程序性能;