var button1 = document.getElementById('button1')

var button2 = document.getElementById('button2')

button1.addEventListener('click', debounce(test, 1000, '防抖'))

button2.addEventListener('click', throttle(test, 1000, '节流'))

​

function test(a) {

  console.log(a, '--点击成功了')

}

​

function debounce(fn, delay, ...args) {

  var timer = null

  return function () {

    clearTimeout(timer)

    timer = setTimeout(() => {

      fn.apply(this, args)

    }, delay)

  }

}

​

function throttle(fn, delay, ...args) {

  var prev = Date.now()

  return function () {

    var now = Date.now()

    if (now - prev >= delay) {

      fn.apply(this, args)

      prev = Date.now()

    }

  }

}

​

​

​

​