什么是eventLoop 什么是事件循环 事件轮询

hi 》 bey 》 cb1

eventLoop执行过程

第一行代码

第二行代码
把setTimeout压栈，放入WebApis，setTimeout是WebApis（浏览器定义的），把定时器放入WebApis后过5秒后放入CallBackQueue里面。

执行完第二行代码后，setTimeout 弹栈

dom操作或setTimeout之类都属于WebApis

第三行代码
压栈
打印
弹栈

此时全部代码执行完了，调用栈空了，等待定时器到时间。
此时全部同步代码执行完了 》 启动EventLoop机制（一直循环CallBackQueue，如果有函数就压栈执行）

---

5秒到了

把cb压栈
执行cb
执行完打印 弹栈
因为只有console.log，cb1也全部执行完毕，弹栈

所有代码执行完毕。

总结

Dom事件和EventLoop

第一个事件时间到了触发，第二个用户点击才触发，这俩个本质都是异步，触发时机不一样而已。

dom事件的执行机制

点击后把click内的函数放入webApi，什么时候用户点击了才放CallBackQueue里，EventLoop启动，然后放入执行栈，注意$(’#btn1’).click是立马执行的。

注意 ：dom事件不属于异步，但是基于EventLoop实现。

定时器是时间到了执行回调，ajax是什么时候回来参数执行回调，Dom是点击执行回调。