防抖和节流

防抖: 在设定的时间内触发一次事件，会在设定的时间结束之后执行该事件处理程序，如果在设定的时间内多次触发事件，则每次触发事件都会重新计时。（可以将防抖类比成电梯：第一个人进电梯之后，电梯会在5秒之后自动关闭电梯门，如果在这5秒内又有人进来了，那么电梯会重新等待5秒后再关门。）

简单理解: 单位时间内,频繁除法一个事件,以最后一次触发为准.

防抖的应用场景：
主要用来监听input输入框：我们在搜索内容的时候一般都会有搜索提示，它是通过input事件获取用户输入的内容，然后发送数据请求给后端，后端返回搜索提示内容。我们希望等待用户输入结束之后再发送请求，而不是输入一个发一次请求，这时候就需要使用防抖函数来实现

节流: 在设定的时间内多次触发时间,只会在设定的实际结束后执行一次

简单理解:单位时间内,频繁触发一个时间,只会触发一次

节流的应用场景：

监听scroll滚动事件、按钮点击等等

防抖实现

function debounce(func, delay){
      var timer = null;
      return function(){
          var that = this;
          var args = arguments
         //每次触发事件 都把定时器清掉重新计时
          clearTimeout(timer)
          timer = setTimeout(function(){
          //执行事件处理程序
          func.call(that, args)
          }, delay)
      }
  }

节流实现

function throttle(func, delay){
      var timer = null;
      return function(){
        var that = this;
        var args = arguments
        if(!timer){
          timer = setTimeout(function(){
            //执行事件处理程序
            func.call(that, args)
            //事件执行完后把定时器清除掉，下次触发事件的时候再设置
            timer = null;
          }, delay)
        }  
      }
    }