js中的事件循环

事件循环event loop：

由于主线程不断重复获得任务，执行任务，在获取任务，在执行，所以这种机制被称为事件循环

任务队列:

在主线程之外还存在一个任务队列，任务队列中存放着需要异步执行的内容。
当主线程运行完毕之后，就会去执行任务队列中的任务（不断的重复扫描）直到任务队列清空。
事件队列在不同的宿主环境中有差异， 浏览器的环境中， 会把事件队列分为两种
1. 宏队列 定时器的回调、 事件的回调， http回调 等都是加入到宏队列中
2. 微队列(vip) promise， MutationObserver()

JS执行机制：

js引擎永远执行的是执行栈的最顶部
1.先执行执行栈中的同步任务
2.异步任务（回调函数）放入任务队列中
3.一旦执行栈中的所有同步任务执行完毕，
系统就会按次序读取任务队列中的异步任务，
于是被读取的异步任务结束等待状态，
进入执行栈，开始执行
/执行栈： call stack 一种结构， 放的是函数的执行环境， 每一次函数执行之前， 他的所有内容全部会放到执行栈中， 函数调用之前， 会创建执行环境， 放到执行栈当中， 函数调用完成， 销毁执行环境

浏览器宿主环境有5个线程

1. JS引擎(js主线程)
2. GUI线程（ 布局引擎） 互斥状态， 相互等待
3. 事件监听线程
4. 计时线程
5. 网络线程