溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js如何實現(xiàn)防抖和節(jié)流

發(fā)布時間:2022-03-11 15:24:49 來源:億速云 閱讀:236 作者:小新 欄目:開發(fā)技術(shù)

這篇文章給大家分享的是有關(guān)js如何實現(xiàn)防抖和節(jié)流的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

防抖 & 節(jié)流

防抖和節(jié)流屬于高階技巧,業(yè)務(wù)中比較多見的場合也就是搜索內(nèi)容改變提示信息。即使不加也也不一定能看出區(qū)別,但是加了新手維護(hù)代碼可能會崇拜你哦。

防抖

function debounce(func, wait) {
 let timeout;
 return function () {
 let context = this;
 let args = arguments;
 if (timeout) clearTimeout(timeout);
 
 timeout = setTimeout(() => {
 func.apply(context, args)
 }, wait);
 }
}

節(jié)流

function throttle(func, wait) {
 let previous = 0;
 return function() {
 let now = Date.now();
 let context = this;
 let args = arguments;
 if (now - previous > wait) {
 func.apply(context, args);
 previous = now;
 }
 }
}

感謝各位的閱讀!關(guān)于“js如何實現(xiàn)防抖和節(jié)流”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI