當前位置:編程學習大全網 - 網站源碼 - 防抖和節流?區別以及實現

防抖和節流?區別以及實現

防抖和節流的作用都是防止函數多次調用。區別在於,假設壹個用戶壹直觸發這個函數,且每次觸發函數的間隔小於wait,防抖的情況下只會調用壹次,而節流的情況會每隔壹定時間(參數wait)調用函數。

1.防抖

觸發高頻事件後n秒內函數只會執行壹次,如果n秒內高頻事件再次被觸發,則重新計算時間

思路:

每次觸發事件時都取消之前的延時調用方法

先來壹個簡單版的防抖

這是壹個簡單版的防抖,這個防抖只能在最後調用,壹般的防抖會有immediate選項,表示是否立即調用

下面我們來實現壹個帶有立即執行選項的防抖函數

總結:

2.節流

每隔壹段時間執行壹次

思路:

每次觸發事件時都判斷當前是否有等待執行的延時函數

  • 上一篇:Php獲取服務器計算機名和服務器域名。
  • 下一篇:srsl什麽意思
  • copyright 2024編程學習大全網