3-2定时器是怎么工作的

console.log('start');

setTimeout(function () {
    console.log('定时器')
}, 0);

console.log('end');

运行后发现，定时器是最后执行的，我们不是已经把执行时间变成0了吗，为什么还有延迟呢？
// 运行后发现，定时器是最后执行的，我们不是已经把执行时间变成0了吗，为什么还有延迟呢？
// 在执行定时器时，并没有立即执行定时器中的函数，而是放在 任务队列 中 
// 等 执行栈 中的代码都执行完后，再执行定时器中的函数

image.png

//----------------------------练习--------------------

console.log('start');

for (var i = 0; i < 3; i++) {
    setTimeout(function () {
        console.log(i);
    }, 0);
}
//for循环是在 执行栈 的代码，所以会先执行，创建定时器，执行完后i的值为3


console.log('end');
//此时会输出：start end 三个3；
//因为定时器中的函数会先放在 任务队列 中，所以等 执行栈 中的代码执行完才能执行
//执行栈 中的代码执行完后i=3，所以最后输出了三个3

//------如果我们想要输出0 1 2，而不是三个3,那该怎么办呢？可以使用闭合函数啦

console.log('start');

for (var i = 0; i < 3; i++) { 
    //将i当做参数传进来
    (function (i) {
        setTimeout(function () {
            console.log(i);
        }, 0);
    })(i);
}

console.log('end');

//此时输出：start end 0 1 2