debuonce

throttle.js

// 1000内，只触发一次
const throttle = (cb, time = 1000, ctx = null) => {
  let timer = null
  return (...args) => {
    if (timer) {
      return
    }
    timer = setTimeout(() => {
      cb.apply(ctx, args)
      timer = null
    }, time)
  }
}

document.body.addEventListener('mousemove', throttle((e) => {
  console.log(e)
}, 1000), false)

// 不管多少次，总是推迟到1000ms后触发
const debounce = (cb, time = 1000, ctx = null) => {
  let timer = null
  return (...args) => {
    if (timer) {
      clearTimeout(timer)
    }
    timer = setTimeout(() => {
      cb.apply(ctx, args)
    }, time)
  }
}

document.body.addEventListener('mousemove', debounce((e) => {
  console.log(e)
}, 1000), false)