javaScript异步和事件轮询机制

前提

本文的一个重要的前提就是js的一个特点就是：js是单线程语言,js是单线程语言,js是单线程语言,在这种模式下可能会产生一个比较常见问题，页面假死，主要原因就是有一个耗时任务在进行，导致后面的任务无法开始，js为解决这个问题提供了两种模式：同步和异步。

什么是异步

提起异步大家大家首先应该想到同步，首先解释一下什么是同步。同步即为按照顺序执行，下一任务需要等前一个任务执行完成后才可以开始。那异步是什么呢，简单理解就是和同步相反，他不用等待上一个任务完成就可以开始，像io操作，网络请求一般会采用异步的方式进行。

事件轮询（event Loop）

我们在执行代码时通常是一个主线程栈按照顺序执行，此时如果遇到异步任务就会把异步任务放到任务队列中。等主线程执行完毕后再加载任务队列到主线程，如此循环。
（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。
（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。
（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
（4）主线程不断重复上面的第三步。

异步的几种实现方式

1. 回调函数
2. 使用promise
3. ES7的Async/Await

参考地址

http://www.ruanyifeng.com/blog/2014/10/event-loop.html
https://www.cnblogs.com/nullcc/p/5841182.html
https://segmentfault.com/a/1190000011198232
https://github.com/wangfupeng1988/js-async-tutorial/blob/master/part1-basic/02-event-loop.md