js事件循环

前言

什么是事件循环，原来被人问到的时候就懵逼了，好像没有听过这个概念吗？
不应该是事件捕获，事件冒泡这种吗？事件循环是什么鬼？

什么是事件循环

单线程

一百度，原来真有事件循环这一概念，并且阮一峰大神的博客专门介绍了这一概念 。在此做一个简单的自己的总结

首先js是单线程的。为什么设计成单线程也和自己的应用场景有很大关系，JS 被设计出来在浏览器端使用，如果多线程，一个线程说删掉这个DOM，一个说添加这个DOM。那么是应该听哪一个的呢？所以js一直都是单线程的

任务队列

单线程导致大量的时间在等待我们的IO，其实电脑并没有多大负担。JavaScript语言的设计者意识到，这时主线程完全可以不管IO设备，挂起处于等待中的任务，先运行排在后面的任务。等到IO设备返回了结果，再回过头，把挂起的任务继续执行下去。

于是，所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入”任务队列”（task queue）的任务，只有”任务队列”通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

具体来说，异步执行的运行机制如下。（同步执行也是如此，因为它可以被视为没有异步任务的异步执行。）

（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。

（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。

（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。

（4）主线程不断重复上面的第三步。

只要主线程空了，就会去读取”任务队列”，这就是JavaScript的运行机制。这个过程会不断重复（这个过程就是事件循环）

那么我们就清楚了：
AJAX发送了请求，返回的时候执行一个function，那么这个function是什么时候执行的，就是这个事件循环在起作用，
settimeout 我们经常看到下面会出现 顺序是 1，2 也是这个时间循环在起作用。

settimeout(){
function(){
    console.log(2)
},0}
console.log(1);

但是事件循环的一个必须条件是 执行栈中的任务执行完毕才会执行 “任务队列”中的任务，如果执行栈一直处于执行不完的情况，也就没有任务队列什么事了。所以我们的settimeout 后面的参数其实是不准确的，他开始算的时间应该是执行栈的任务执行完毕。

总之，setTimeout(fn,0)的含义是，指定某个任务在主线程最早可得的空闲时间执行，也就是说，尽可能早得执行。它在”任务队列”的尾部添加一个事件，因此要等到同步任务和”任务队列”现有的事件都处理完，才会得到执行。

HTML5标准规定了setTimeout()的第二个参数的最小值（最短间隔），不得低于4毫秒，如果低于这个值，就会自动增加。在此之前，老版本的浏览器都将最短间隔设为10毫秒。另外，对于那些DOM的变动（尤其是涉及页面重新渲染的部分），通常不会立即执行，而是每16毫秒执行一次。