Smarter debouncing

debounce-es2015.js

export function debounce (fn, wait = 1) {
  let timeout
  return function (...args) {
    clearTimeout(timeout)
    timeout = setTimeout(() => fn.call(this, ...args), wait)
  }
}

debounce-vanilla.js

function debounce (fn, wait) {
  var timeout
  return function () {
    clearTimeout(timeout)
    var args = arguments
    timeout = setTimeout(function () {
      fn.apply(this, args)
    }, (wait || 1))
  }
}

example.js

window.addEventListener('resize', debounce(function () {

}, 500))

What about this?

export function debounce(fn, wait = 1) {
  let timeout;
  return function (...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => fn.call(this, ...args), wait);
  }
}

I think it looks more ES2015 :)

@kutyel yummy!

Think there may be a bug in debounce-vanilla.js in passing the correct arguments object. Here's the fixed version:

function debounce (fn, wait) {
  var timeout
  return function () {
    clearTimeout(timeout)
    var args = arguments;
    timeout = setTimeout(function () {
      fn.apply(this, args)
    }, (wait || 1))
  }
}

@katzgrau you're very right! Thank you!