setTimeout()和setInterval()的执行逻辑和区别:
程序员文章站
2024-01-01 08:55:28
逻辑理解:当程序执行setTimeout()和setInterval()时,会让这两者到后台(我的理解,事实是否如此,有待验证)运行计时,当时间到了之后,将回调函数按照顺序依次排在当前正在执行的函数队列尾部。哪怕延迟为0也一样,当前正在执行解析的Javascript解析器并不会立即执行定时器的回调函 ......
逻辑理解:当程序执行setTimeout()和setInterval()时,会让这两者到后台(我的理解,事实是否如此,有待验证)运行计时,当时间到了之后,将回调函数按照顺序依次排在当前正在执行的函数队列尾部。哪怕延迟为0也一样,当前正在执行解析的Javascript解析器并不会立即执行定时器的回调函数(定时器相当于异步,但有区别),还是会将它们的回调函数排在当前解析队列的尾部(或者可以理解为放在下一轮函数队列的头部)。
区别理解:setTImeout()中的回调函数开始执行的延迟时间 >= delay,综上所述,因为在delay过程中有时会有其他函数在执行,如果那些函数执行的时间大于delay的时间,就会导致setTImeout()中的回调函数“延期执行”。
setInterval()中的回调函数执行之间的间隔<= delay:我们都知道,setInterval()会按照固定的时间间隔调用自身的回调函数,且不会在意上一次的回调函数是否执行完毕,这就意味着,如果上一次回调函数前面有等待执行的函数,它们总体执行的时间>delay的时间且当前将要执行的回调函数与上一次的回调函数之间没有其他等待执行的函数,就会导致一种情况:setTImeout()中的回调函数会连续执行两次。
如:
setTimeout(function() { // 此回调函数每次执行的间隔时间 >= 100
/*
一堆函数体
*/
setTimeout(arguments.callee, 100)
}, 100)
setInterval(function () { // 此回调函数每次执行的间隔时间 <= 100
/*
一堆函数体
*/
}, 100)
推荐阅读
-
setTimeout()和setInterval()的执行逻辑和区别:
-
Js中setTimeout()和setInterval() 何时被调用执行的用法_基础知识
-
详解JS中定时器setInterval和setTImeout的this指向问题
-
Java位运算和逻辑运算的区别实例
-
详解JS中定时器setInterval和setTImeout的this指向问题
-
sql server中Select count(*)和Count(1)的区别和执行方式
-
Select count(*)、Count(1)和Count(列)的区别及执行方式
-
setInterval和setTimeout的区别以及setInterval越来越快问题的解决方法
-
JavaScript中setTimeout和setInterval函数的传参及调用
-
Java位运算和逻辑运算的区别实例