【JavaScript】如何优雅地使用 setInterval

我想每隔一段时间就执行一次代码

如下
一个最简单的定时器,

setInterval(function () {
    
    
    // do sth...
}, 1000)

这样写没有任何问题,
但在最初,我却要傻傻地等一秒钟,代码才会被第一次调用。

也许你觉得其实还可以,不过一秒钟而已。
但如果这个这个时间间隔很长,比如一分钟,十分钟,甚至一小时,那就出问题了。


想解决很简单,如下:

// 1.定义函数
function demo() {
    
    
	// do sth...
}
// 2.执行一次
demo();
// 3.打开定时器
setInterval(demo, 1000);

// 1.定义函数
// 2.执行一次
// 3.打开定时器
问题解决!
问题虽然解决,但不够优雅,看着很难受啊!


怎么办呢?
这时候闭包就要上场了:

代码优雅,神清气爽!

setInterval((function demo() {
    
    
    // do sth...
    return demo;
})(), 1000);

传参之前立即执行一遍,然后返回自己。

完美解决.

猜你喜欢

转载自blog.csdn.net/qq_16181837/article/details/104851070