3-2定时器是怎么工作的
2019-03-10 本文已影响0人
大庆无疆
console.log('start');
setTimeout(function () {
console.log('定时器')
}, 0);
console.log('end');
运行后发现,定时器是最后执行的,我们不是已经把执行时间变成0了吗,为什么还有延迟呢?
// 运行后发现,定时器是最后执行的,我们不是已经把执行时间变成0了吗,为什么还有延迟呢?
// 在执行定时器时,并没有立即执行定时器中的函数,而是放在 任务队列 中
// 等 执行栈 中的代码都执行完后,再执行定时器中的函数
![](https://img.haomeiwen.com/i12419481/4b867f348907ebf5.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