javascript實(shí)現(xiàn)節(jié)流和防抖函數(shù)？針對這個(gè)問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

平樂網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1.節(jié)流函數(shù)throttle

// 節(jié)流方案1，每delay的時(shí)間執(zhí)行一次，通過開關(guān)控制
function throttle(fn, delay, ctx) {
  let isAvail = true
  return function () {
    let args = arguments // 開關(guān)打開時(shí)，執(zhí)行任務(wù) 
    if (isAvail) {
      fn.apply(ctx, args)
      isAvail = false // delay時(shí)間之后，任務(wù)開關(guān)打開 
      setTimeout(function () { isAvail = true }, delay)
    }
  }
}
// 節(jié)流方案2，通過計(jì)算開始和結(jié)束時(shí)間
function throttle(fn,delay){
      // 記錄上一次函數(shù)出發(fā)的時(shí)間
      var lastTime = 0
      return function(){
      // 記錄當(dāng)前函數(shù)觸發(fā)的時(shí)間
      var nowTime = new Date().getTime()
      // 當(dāng)當(dāng)前時(shí)間減去上一次執(zhí)行時(shí)間大于這個(gè)指定間隔時(shí)間才讓他觸發(fā)這個(gè)函數(shù)
      if(nowTime - lastTime > delay){
        // 綁定this指向
        fn.call(this)
        //同步時(shí)間
        lastTime = nowTime
      }
      }
    }

分享題目：javascript實(shí)現(xiàn)節(jié)流和防抖函數(shù)-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://weahome.cn/article/decjoc.html