设置定时器和清除定时器的最佳方案

最新推荐文章于 2024-04-18 19:21:41 发布

原创最新推荐文章于 2024-04-18 19:21:41 发布 · 985 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

数据处理专栏收录该内容

25 篇文章

订阅专栏

这篇博客分享了在Vue应用中如何正确设置和清除定时器的方法，以确保代码的整洁和避免内存泄漏。通过在`beforeDestroy`生命周期钩子中使用`$once`监听并清除定时器，可以有效地管理定时任务。

以下就是推荐的设置定时器和清除定时器的推荐方案

这种方式的好处，是代码易读，且非常简洁。
还可以有效防止设置定时器以后，忘记清除定时器的事情发生。

const timer = setInterval(() =>{                    
    // 操作内容                
}, 1000);            
// 通过$once来监听定时器，在beforeDestroy钩子中可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})