vue 防抖动函数

最新推荐文章于 2024-07-03 19:18:50 发布

浅香沉木

最新推荐文章于 2024-07-03 19:18:50 发布

阅读量317

点赞数

分类专栏： vue 文章标签： vue 防抖动 debounce

本文链接：https://blog.youkuaiyun.com/Java_53/article/details/117663615

版权

vue 专栏收录该内容

15 篇文章

订阅专栏

该博客介绍了JavaScript中的防抖(debounce)函数实现，用于防止在短时间内连续调用同一函数。函数通过设置定时器确保在指定延迟时间内，如果连续触发，只会执行最后一次。此外，还探讨了如何将防抖函数应用于Vuex的mutations中，以优化组件内的状态更新，提高性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function debounce(func, delay=300) { //func为防快速调用的函数,delay为抖动间隔在多少毫秒之内将忽视（此处默认为300毫秒）
    let timer = null;
    return function (...args) {
        if (timer) {
            clearTimeout(timer);
        }
        timer = setTimeout(() => {
            func.apply(this,args);
        }, delay);
    }
}
// 这个函数可以放入vuex的mutations中，组件内使用时：this.$store.commit("debounce",func,delay);