节流函数

 //使用场景
created(){
          this.$watch('query',debounce((newQuery)=>{//当搜索值发生变化的时候，将搜索值传递出去
            this.$emit('query',newQuery )//如果在200ms内再次触发函数，不会调用里面的query事件；
          },200))
      }

export function debounce(func, delay) {
  let timer
  return function (...args) {//我们调用一个函数，他会返回一个参数；我们拿到这个参数；
    if (timer) {
      clearTimeout(timer)
    }
    timer = setTimeout(() => {//定义延时函数；
      console.log('33333333333333333333333333333333333333节流函数册数')
      console.log(this)
      func.apply(this, args)//箭头函数中的this指向符集作用域；对象中有属性，方法，但并没有this
    }, delay)
  }
}

// 节流函数的原理
// 我们对某个函数进行节流，他会返回一个新的函数，新的函数会延迟执行我们要节流的这个函数；我们返回的函数反复被调用，不会总是触发我们的func函数；