什么是宏队列跟微队列

        这个是面试题中经常问的，再回答这个问题之前，我们需要知道以下几个知识点：

                          1.执行上下文context

                          2.函数调用栈

                          3.队列数据结构

                        4.promise，process.nexttick,setImmediate（其中promise大家都知道，后两个是node循环中必不可少的部分，node的高并发，异步I/O也是基于node事件循环）

        不懂的兄弟们可以看看这个： github的mqyqingfeng/Blog，冴羽写得。

       我们都知道javascript是单线程，只有唯一的事件循环。而javascript再执行过程中，除了函数调用栈来调节函数的执行顺序外，还有个任务队列task queue，任务队列可以是多个，其中又包括宏任务队列和微任务队列；

       宏任务队列有：script（整体代码），setTimeout，setInterval，setImmediately，I/O,UI render

       微任务队列有：promise，process.nexttick,Object.observe(已经不用了),Mutation.observe

1.  
   MutationObserver的前身是MutationEvents（熟知的addEventListener就是一部分，已经不怎么用了），Mutation存在兼容问题，自行搜索，留下点实例用法
2.  
    
3.  
   // Firefox和Chrome早期版本中带有前缀
4.  
   var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
5.  
   // 选择目标节点
6.  
   var target = document.querySelector('#some-id');
7.  
   // 创建观察者对象
8.  
   var observer = new MutationObserver(function(mutations) {
9.  
   mutations.forEach(function(mutation) {
10.  
    console.log(mutation.type);
11.  
    });
12.  
    });
13.  
    // 配置观察选项:
14.  
    var config = { attributes: true, childList: true, characterData: true }
15.  
    // 传入目标节点和观察选项
16.  
    observer.observe(target, config);
17.  
    // 随后,你还可以停止观察
18.  
    observer.disconnect();

       如上文所讲，加了几个node的间谍，有兴趣的兄弟可以自己搜搜node的事件循环系统，真是回味无穷，这里就不详细介绍了。       

       事件循环的顺序，决定了JavaScript代码的执行顺序。它从script(整体代码)开始第一次循环。之后全局上下文进入函数调用栈。直到调用栈清空(只剩全局)，然后执行所有的微任务。当所有可执行的微任务执行完毕之后。循环再次从macro-task开始，找到其中一个任务队列执行完毕，然后再执行所有的宏任务，这样一直循环下去。其中每一个任务的执行，无论是微任务还是宏任务，都是借助函数调用栈来完成。