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

2019-03-10  本文已影响0人  大庆无疆
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
上一篇 下一篇

猜你喜欢

热点阅读