javascript 事件循环机制

一、js单线程

        由于js是单线程，所以需要事件循环机制来处理同步任务和异步任务之间的执行逻辑。那么Js为什么选择单线程呢？这是因为Js主要服务于浏览器中用于控制浏览器的dom元素，试想下如果js是多线程那么会出现多个线程同时操作一个Dom元素的情况，显然这样是不可取的。

二、一些概念

• 执行栈：主线程执行代码的地方。
• 任务队列：存放异步任务回调的地方。
• 宏任务：setTimeout、setInterval、Ajax、Dom事件
• 微任务：Promise的回调、async/await、process.netxtTick()

三、循环流程

        js执行代码的过程是自上而下，遇到同步任务直接把同步任务压入执行栈执行代码，遇到异步任务会把异步任务的回调放入任务队列中。等到所有同步任务执行完毕，web api回去任务队列中查找是否有任务需要执行，如果有则依次压入执行栈中执行异步任务的回调。需要注意的一点是，微任务的优先级要大于宏任务，也就是如果任务队列中有微任务，则微任务先执行。