函数防抖
函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。

函数节流
函数节流（throttle）：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。

主要用于频繁操作dom产生的事件，如：滚动事件，拖拽事件，窗口缩放等等
防抖：

function debounce(fn, delay) {
  let timer = null;
  return function() {
    // 通过 ‘this’ 和 ‘arguments’ 获取函数的作用域和变量
    let context = this;
    let args = arguments;
    // 清理掉正在执行的函数，并重新执行
    clearTimeout(timer);
    timer = setTimeout(function() {
      fn.apply(context, args);
    }, delay);
  }
}

function scroll() {
  console.log(1111)
}
document.body.addEventListener('scroll', debounce(scroll, 1000));

节流

//以时间戳的形式或者定时器，都可以
var throttle = function(func, delay) {
            var prev = Date.now();
            return function() {
                var context = this;
                var args = arguments;
                var now = Date.now();
                if (now - prev >= delay) {
                    func.apply(context, args);
                    prev = Date.now();
                }
            }
        }
        function scroll() {
            console.log(111);
        }
        window.addEventListener('scroll', throttle(scroll, 1000));