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

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

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

 

debounce(self => {

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

  }, 5000)

 

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

 

throttle(function (e) {

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

  }, 5000, {

    trailing: false

  })

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