js原生函式節流

2021-10-05 14:51:52 字數 444 閱讀 7183

函式節流就是一定時間內只觸發一次函式。原理是通過判斷是否到達一定時間來觸發函式。

// 時間戳方案

function throttle(fn,wait)

}}function handle()

window.addeventlistener("mousemove",throttle(handle,1000));

// 定時器方案

function throttle(fn,wait),wait)}}

}

function handle()

window.addeventlistener("mousemove",throttle(handle,1000));

當然,實際操作使用lodash 中的

_.throttle(func, [wait=0], [options={}])

js函式節流(Throttle)

在瀏覽器 dom 事件裡面,有一些事件會隨著使用者的操作不間斷觸發。比如 重新調整瀏覽器視窗大小 resize 瀏覽器頁面滾動 scroll 滑鼠移動 mousemove 也就是說使用者在觸發這些瀏覽器操作的時候,如果指令碼裡面繫結了對應的事件處理方法,這個方法就不停的觸發。而當事件處理比較複雜的時...

原生js物件導向實現函式節流 郝晨光

函式節流 throttle 限制乙個函式在一定時間內只能執行一次。函式節流的使用場景當事件不需要頻繁的被觸發,但是由於特定dom事件的原因不斷的觸發事件的時候 在你需要用它的時候,你自然而然會知道是什麼時候!如 input事件,resize事件,scroll事件,mousemove事件,touchm...

JS總結 (一)函式節流

本篇思考三個問題 什麼是函式節流?為什麼要使用函式節流?如何實現?一 基本思想 某些 不可以在沒有間斷的情況連續重複執行。二 使用原因 dom操作比起非dom互動,需要更多的記憶體和cpu時間,連續嘗試過多的dom操作可能會導致瀏覽器掛起,甚至崩潰。三 實現方式 使用定時器對函式進行節流,即第一次呼...