浅谈JavaScript异步编程

单线程模式

我们知道JS的执行环境是单线程的，是因为JS语言最早是运行在浏览器端的语言，目的是为了实现页面上的动态交互。实现动态交互的核心就是DOM操作，因此决定了JS必须是单线程模式工作。我们来假设一下如果JS是多线程一起工作的，其中一个线程修改了一个DOM元素，另外的一个线程同时又要删除这个DOM元素，那么此时浏览器就懵逼了，无法明确以哪个工作线程为准。所以为了避免线程同步的问题，JS就被设计成了单线程的工作模式。

注意：我们这里说的单线程是JS的执行环境是单线程，浏览器中是多线程的。

单线程的优势和弊端

采用单线程的工作模式可以节省内存，节约上下文切换时间，没有锁的问题。但弊端也很明显，如果中间有一个任务需要花费大量的时间，那么后面的任务就需要等待这个任务完成后才能执行，就会出现假死的情况，对用户很不友好。为了解决这个问题JS给出了两种执行模式：同步模式（Synchronous）和异步模式（Asynchronous）。

EventLoop事件循环和消息队列

• EventLoop是一种循环机制，主线程从消息队列中读取任务并按照顺序执行，这个过程是循环不间断的。

• 消息队列是存放异步任务的地方，当我们的同步任务都执行完毕后，EventLoop会从消息队列中依次取出异步任务放到调用栈中进行执行。

宏任务和微任务

宏任务可以理解为每次执行栈执行的代码就是一个宏任务

浏览器为了让JS内部宏任务与DOM操作能够有序的执行，会在一个宏任务执行结束后，下一个宏任务执行开始前，对页面进行重新渲染。

宏任务包括：script整体代码、setTimeout、setInterval、I/O、UI交互事件、MessageChannel等。

微任务可以理解为每个宏任务执行结束后立即执行的任务，发生在宏任务后，渲染之前，执行微任务。

所以微任务的响应速度相比宏任务会更快，因为无需等待UI渲染

微任务包括：Promise.then、MutaionObserver、process.nextTick(Node.js环境下)等。