两个函数理解 防抖 节流

防抖

	定义：
		防抖函数 debounce 指的是函数在特定的时间，无论触发了多少次回调，都只执行最后一次。
		假如我们设置了一个等待时间 3 秒的函数，在这 3 秒内如果遇到函数调用请求就重新计时 3 秒，
		直至新的 3 秒内没有函数调用请求，此时执行函数，不然就以此类推重新计时。 附上代码如下：

// fn 是需要防抖处理的回调函数
// time是时间间隔
function debounce(fn, time= 50, immediate ) {
    // 通过闭包缓存一个定时器 timer
    let timer = null
    // 将 debounce 处理结果当作函数返回
    // 触发事件回调时执行这个返回函数
    return function(...args) {
      	// 如果已经设定过定时器就清空上一次的定时器
        if (timer) clearTimeout(timer)
        
      	// immediate 为 true 表示第一次触发后执行
      	// timer 为空表示首次触发
        if (immediate && !timer) {
            fn.apply(this, args)
        }
      	// 开始设定一个新的定时器，定时器结束后执行传入的函数 fn
        timer = setTimeout(() => {
            fn.apply(this, args)
        }, time)
    }
}

节流

	定义：
		函数节流指的是某个函数在一定时间间隔内（例如 3 秒）只执行一次，在这 3 秒内 无视后来产生
		的函数调用请求，也不会延长时间间隔。3 秒间隔结束后第一次遇到新的函数调用会触发执行，然后
		在这新的 3 秒内依旧无视后来产生的函数调用请求，以此类推。 附上代码如下：

// fn 是需要执行的函数
// time 是时间间隔
const throttle = (fn, time = 50) => {
  // 上一次执行 fn 的时间
  let previous = 0
  // 将 throttle 处理结果当作函数返回
  return function(...args) {
    // 获取当前时间，转换成时间戳，单位毫秒
    let now = +new Date()
    // 将当前时间和上一次执行函数的时间进行对比
    // 大于等待时间就把 previous 设置为当前时间并执行函数 fn
    if (now - previous > time) {
      previous = now
      fn.apply(this, args)
    }
  }
}