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

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

节流

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


img1

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

防抖

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

 附上代码


img2

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

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

你可能感兴趣的:(节流,防抖函数最基础的优化)