节流,防抖函数最基础的优化

    函数的节流和防抖作为面试必问题也彰显了他的基础性和重要性,但是对于前端的编程小白来说,节流和防抖的概念和实现还带有模糊性,本篇将对函数的节流和防抖来浅析一下;

节流

函数节流的目的是让函数在高频触发时,能够降低他的执行次数,控制运行频率,减少运行压力,下边我们附上详细代码


img1

以上就是较为经典的函数节流封装,如果有同学对节流的作用还不大明确的话,我可以举个栗子,给鼠标添加滚轮事件时,用户快速滑动鼠标滚轮,页面过快滚动,这明显不是一个人性化的过程,所以我们可以添加一个节流来提高用户体验。

防抖

函数防抖的目的是让函数在高频触发时只执行最后一次。

 附上代码


img2

以上是函数防抖的封装,个人开发项目时,监听多个数据变化来触发请求时,为了避免多个数据同时变化引发重复请求,可以全局设置一个防抖函数,优化代码。

以上为个人开发时的自用封装,渴望与同行沟通,获取进步。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容