資訊中心 Info
當前位置:愛尚教育 > 資訊中心 >
javascript函數防抖
發布日期:2021-08-02 閱讀次數:

函數防抖

什么是函數防抖

防抖函數就是指觸發某一個事件后,在一段時間之內(n秒)只能執行一 次,如果觸發事件后在 n 秒內又觸發了該事件,則會重新計算函數延 執行時間,如果在n秒內沒有在觸發該事件,函數才會執行。

 

函數防抖的應用場景

在開發中有一些事件會被頻發觸發、比如: resize,scroll,mousemove,mousehover等,不做處理的話可能一秒內 會觸發成百上千次,浪費計算機資源、降低程序運行速度、甚至瀏覽 器卡死,使用防抖函數,可以很好地避免這個問題。

 

函數防抖的要點

需要一個 setTimeout 延時器來輔助實現,延遲運行需要執行的代碼。 如果方法或事件多次觸發,則把上次記錄的延遲執行代碼用 clearTimeout 清掉,重新開始計時。若計時期間事件沒有被重新觸 發,等延遲時間計時完畢,則執行目標代碼。

定時器實現防抖

\"\"

 

优彩-网址