javaScript 函数防抖

最新推荐文章于 2023-03-22 09:06:17 发布

李晨飞_

最新推荐文章于 2023-03-22 09:06:17 发布

阅读量103

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_59878114/article/details/125149162

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

该代码片段展示了一个JavaScript函数节流的实现。通过设置延迟时间（默认为500ms），它确保了在连续调用时，fn方法不会过于频繁执行，从而优化性能。节流函数返回一个新函数，该函数在达到延迟时间后执行原始fn，并在首次调用时立即执行（如果设置了callNow参数）。

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

export const Debounce = (fn,time) =>{
    // fn 触发的方法
    // 时间
    const delay = time || 500 
    let timer 
    return function(){
        const args = arguments
        if(timer){
            clearTimeout(timer)
        }
        const callNow = !timer
        timer  = setTimeout(()=>{
            timer = null
        },delay)
        if(callNow) fn.apply(this,args)
    }
}