JS：事件循环

文章目录

• 前言
• 一、任务队列与执行栈
• 总结

---

前言

JavaScript是单线程语言，对于异步操作、定时器、用户输入等任务，会分为任务队列和执行栈，在任务队列和执行栈之间循环处理事件，这个过程称为事件循环

---

一、任务队列和执行栈

先来看一个例子，设置三个操作分别输出1，2，3，输出2放在定时器中

    console.log(1)
    setTimeout(function () {
      console.log(2)

    }, 1000)
    console.log(3)

可以看到2是最后输出的 

是因为执行任务前，将任务分为执行栈任务和任务队列任务，需要计时的任务放到任务队列中，普通任务按顺序放在执行栈中。每次执行任务时，执行栈都会查看任务队列是否有任务到时间，将到时间的任务放入执行栈执行，这个过程称为事件循环。因此，系统先执行执行栈中的1，3，再从任务队列获得2执行，最后就呈现1，3，2的输出顺序

---

总结