页面js实现防抖(debounce)和节流阀(throttle)本质区别

本文主要是介绍页面js实现防抖(debounce)和节流阀(throttle)本质区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、防抖(debounce)和节流阀(throttle)目的实现重复执行同一事件。

二、防抖(debounce)  实现连续触发同一事件 仅且执行最后一次事件

 

debounce(self => {

  console.error('5s内连续触发执行最后一次')

  }, 5000)

 

三、节流阀(throttle) 实现连续触发同一事件 在设定时间内 执行完 第一次事件之后 才会 再次触发事件

 

throttle(function (e) {

    console.error('5s内连续触发执行第一次')

  }, 5000, {

    trailing: false

  })

四、如有帮助、敬请点赞！

这篇关于页面js实现防抖(debounce)和节流阀(throttle)本质区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---