js面試題之手寫節流函數和防抖函數

函數節流：不斷觸發一個函數后，執行第一次，只有大於設定的執行周期后才會執行第二次

/* 
            節流函數：fn:要被節流的函數，delay：規定的時間
        */
       function throttle(fn,delay){
            // 記錄上一次函數出發的時間
            var lastTime = 0
            return function(){
            // 記錄當前函數觸發的時間
            var nowTime = new Date().getTime()
            // 當當前時間減去上一次執行時間大於這個指定間隔時間才讓他觸發這個函數
            if(nowTime - lastTime > delay){
                // 綁定this指向
                fn.call(this)
                //同步時間
                lastTime = nowTime
            }
            }
       }   

函數防抖：不斷觸發一個函數，在規定時間內只讓最后一次生效，前面都不生效

function debounce(fn,delay){
           var timer = null
        //  清除上一次延時器
          return function(){
               clearTimeout(timer)
              //  重新設置一個新的延時器
              timer = setTimeout(() => {
                  fn.call(this)
              }, delay);
          }
       }

更多面試題請前往githubhttps://github.com/bettersong/interview