关于setTimeout运行机制

发现一个有意思的东东，上代码：

console.log(1);
setTimeout(function(){console.log(2)},0)
console.log(3);
//运行结果：1 3 2

想必很多人都了解javascript是单线程代码，一段js代码，从上到下运行，主线程执行结束才会执行异步（回调函数）。

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

所以，上面这段代码首先运行for循环，i=4,然后执行4个setTimeout回调，打印4次i；

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

那么为啥上面这段代码结果是 0 1 2 3呢？
因为这段函数是立即执行函数，js在这里不是异步执行的。

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

看下下面两段代码就清楚了

function foo () {
        console.log(2);
    } 
console.log(1);
setTimeout(foo,0)
console.log(3);
//运行结果 1 3 2

function foo () {
        console.log(2);
    } 
console.log(1);
setTimeout(foo(),0)
console.log(3);
//运行结果 1 2 3