手写节流和防抖

最新推荐文章于 2024-11-04 14:16:34 发布

卡门726

最新推荐文章于 2024-11-04 14:16:34 发布

阅读量56

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_45060976/article/details/123281320

版权

本文详细介绍了JavaScript中常用的节流和防抖两种技术，它们在处理频繁事件触发、提高用户体验和优化性能方面发挥关键作用。通过实例解析了如何实现节流函数和防抖函数，并探讨了它们在实际开发中的应用场景。

摘要由CSDN通过智能技术生成

手写节流和防抖

节流

const throttle = (f,time)=>{
    let timer = null//计时器
    return (...args)=>{
        if(timer){return}//如果正在计时，则不能执行
        f.call(undefined,...args)
        timer = setTimeout(()=>{
            timer = null
        },time)
    }
}

防抖

const debounce = (f,time)=>{
    let timer = null
    return (...args)=>{   
    if(timer){
        clearTimeout(timer)
    }
     timer = setTimeout(()=>{
         f.call(undefined,...args)
         timer = null
        },time)
    }
}