這篇文章主要為大家展示了js防抖函數(shù)和節(jié)流函數(shù)使用場景和實(shí)現(xiàn)有什么區(qū)別，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

郊區(qū)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

開發(fā)過程中，都遇到過某個(gè)事件被頻發(fā)觸發(fā)的場景，比如resize，scroll事件，input事件，而對應(yīng)的事件處理函數(shù)也會被高頻率調(diào)用，這時(shí)會增加瀏覽器負(fù)擔(dān)，用戶體驗(yàn)也不好，這也是防抖函數(shù)和節(jié)流函數(shù)存在的意義和使用場景。

函數(shù)防抖（debounce）：

持續(xù)觸發(fā)事件時(shí)，在設(shè)定時(shí)間段內(nèi)沒有被觸發(fā)，才去調(diào)用事件處理函數(shù)，在設(shè)定時(shí)間段內(nèi)如果事件又被觸發(fā)，則不調(diào)用事件處理函數(shù)，并從觸發(fā)事件時(shí)間重新開始延時(shí)。

具體實(shí)現(xiàn)：

設(shè)計(jì)思路：在setTimeout中調(diào)用事件處理函數(shù)，如果在定時(shí)器觸發(fā)函數(shù)執(zhí)行之前又觸發(fā)函數(shù)，清除定時(shí)器。

function debounce(fn, timeout){
  timeout = timeout || 1000;
  let timer;
  return () => {
    if(timer){ clearTimeout(timer)}
    timer = setTimeout(() => {
      fn()
    },timeout)
  }
}
 
function printEvent(){
  console.log('1121212')
}
 
window.addEventListener('scroll',debounce(printEvent,1000),false)

新聞名稱：js防抖函數(shù)和節(jié)流函數(shù)使用場景和實(shí)現(xiàn)有什么區(qū)別-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/dohohd.html