防抖节流函数

防抖

概念 :
n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间

使用场景：
输入框

实现：
1.最初的想法：
高频函数作为参数，和延时时间 传给debounce函数，然后染回一个新函数，使得整个函数具有防抖功能。
首先想到使用闭包，这样可以具有保存变量的能力
重新计时一定需要用到计时器的创建和清除

const debounce = (fn, delay) => {
  let id
  return function(...args) { // 不能使用箭头函数，因为需要改变this绑定
    if (id) {
      clearTimeout(id)
    }
    id = setTimeout(() => {
      fn.apply(this, ...args)
    }, delay)
  }
}

节流

概念：一段时间内只能执行一次
类似于英雄联盟中的技能cd时间

const throttle = (fn, delay) => {
  let flag = true
  return function (...args) { // 不能使用箭头函数，因为需要改变this绑定
    if(!flag) return
    flag = false
    setTimeout(() => {
      fn.apply(this, ...args)
      flag = true
    }, delay);
  }
}