settimeout小记

定时器，是我们工作中的必备利器，尤其是在动画效果的时候，是我们必须掌握的一个小工具。

之前有一道关于SETTIME out的面试 沸沸扬扬，讲真，刚开始我也没搞懂为什么，现在先来看一下代码

  for (var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 0);
    console.log(i);
}

如果没做多的小伙伴们可以先在自己的脑子里过一下，这个要考虑，JS的单线程，事件的触发队列，以及SETTIMEOUT是异步的。
……
……
……
……
……
结果是：0 1 2 3 3 3

那么为啥咧，我当初看到也是一个懵逼啊，大写的What r u 弄啥咧！

附上浏览器线程图

js引擎单线程执行的,它是基于事件驱动的语言.它的执行顺序是遵循一个叫做事件队列的机制.从图中我们可以看出,浏览器有各种各样的线程,比如事件触发器,网络请求,定时器等等.线程的联系都是基于事件的.js引擎处理到与其他线程相关的代码,就会分发给其他线程,他们处理完之后,需要js引擎计算时就是在事件队列里面添加一个任务. 这个过程中,js并不会阻塞代码等待其他线程执行完毕,而且其他线程执行完毕后添加事件任务告诉js引擎执行相关操作.这就是js的异步编程模型.

那么这样就很好理解了，因为JS的单线程，他只能依次执行，那么首先看到了for循环，那么肯定我要处理for吧，在下面看到了 settimeout ，哎呀怎么办，我只有一只手，不能同时做两件事，那么 JS就把SETtimeout放到了FOR循环的事件队列后面，让SETTIMEOUT排队，这样就是为什么先输出0 1 2 在输出3，3，3
因为等SETTIMEOUT执行的时候 FOR已经执行完毕 i 已经是3了。

JS的程序在运行的时候，先是同步，但是，在碰到事件回调，AJAX，SETTIMEOUT的时候，就会发生异步，但是如果在同一时间同时碰头，他们的有限顺序是咋样的？我这个我只是听说过，但是准确不准确 目前无从考证，希望大牛们给个意见。
优先顺序：
1.事件回调函数。
2.AJAX
3.SETTIME OUT