函数防抖和节流快速记忆

函数去抖：

单位时间内，无论触发多少次 只执行一次；这里的时间是短暂的 极端情况下，函数会一直处于等待状态

函数去抖常用于防止 短时间内重复执行函数

 

function debounce(func, delay) {
    //去抖
    var tId;
    return function () {
      var context = this;
      var arg = arguments;
      if (tId) clearTimeout(tId);
      tId = setTimeout(function () {
        func.apply(context, arg);
      }, delay);
    };
  }

//使用
debounce(function () {
      console.log(1)
    }, 2000)

 

函数节流：

 

单位时间内只执行一次；不同于防抖，节流多用于持续触发 且 不会出现极端情况

 

 

function throttle(func, delay) {
    //函数节流
    var timer = null;
    var startTime = Date.now();
    return function () {
      var curTime = Date.now();
      var remaining = delay - (curTime - startTime);
      var context = this;
      var args = arguments;
      clearTimeout(timer);
      if (remaining <= 0) {
        func.apply(context, args);
        startTime = Date.now();
      } else {
        timer = setTimeout(func, remaining);
      }
    };
  }