Javascript-宏队列与微队列

背景

当我们忙于公司业务开发，习惯于control+c、control+v这种机械化操作时，我们将会离我们的理想越来越远。你可能会忘记或者疏于最基本，最底层的原理。在此，我们将一起踏上回头路，去探望我们遗失的美好。

之前在网上看了很多关于setTimeout,setinterval,promise等的文章，都能起到延迟执行的效果。但具体怎么执行，顺序怎样，讲解的都很片面，最近正好也被人问道，所以总结了一下以供大家参考。写的不好请留言多多指教，谢谢。

说起setTimeout,setinterval,promise等能够实现异步执行，我们必须先了解下JS的

事件循环

Event Loop，不管是前端、还是移动端（IOS和Android）等开发，都离不开事件循环机制，他会循环监听任务，并在适当的时机取出、执行和释放任务，更新UI等操作，更新UI渲染界面比较耗时，不同的渲染引擎有自己的一套渲染时机逻辑，决定要不要马上执行更新，毕竟更新UI成本大。

任务队列

宏任务：script（全局任务）, setTimeout, setInterval, setImmediate, I/O, UI rendering.

微任务：process.nextTick, Promise.then, Object.observer, MutationObserver.

闭包

说起闭包，最明显的特点有三个，

1、函数套函数。

2、内部函数可以访问外部函数的变量。

3、局部变量，垃圾回收机制无法收回。

   通过示例来查看执行顺序

输出结果

总结

    1、js中为了防止线程阻塞，阻止全局代码的执行，衍生出很多异步执行解决方案，这些方案都会按需加载到指定的队列中，当全局队列执行完毕后，开始循环从 微队列->宏队列->微队列->宏队列...这种执行顺序执行下去。

    2、当一个宏观队列执行完毕，立刻执行最近添加的微观队列。

    3、这种逻辑也可以为首页加速带来思路。

在使用中有任何问题，欢迎留言反馈给我。书写不易，希望大家可以喜欢。