peduarte/esnextbin.md

## esnextbin.md

      
    Raw
  

              esnextbin.md
            
          
    Vanilla Throttle esnextbin

  
## index.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>ESNextbin Sketch</title>
  <!-- put additional styles and scripts here -->
</head>
<body>
  <!-- put markup and other contents here -->
</body>
</html>

## index.js
// Vanilla Throttle implementation


function throttle(func, wait = 100) {
  let timer = null;
  return function(...args) {
    if (timer === null) {
      timer = setTimeout(() => {
        func.apply(this, args);
        timer = null;
      }, wait);
    }
  };
}

function sayHi(event) {
  console.log('Hi!', this, event.type);
}


// Start
const throttled = throttle(sayHi, 500);
window.addEventListener('resize', throttled);
document.body.addEventListener('click', throttled)

## package.json
{
  "name": "esnextbin-sketch",
  "version": "0.0.0"
}

## transpiled.js
'use strict';

// Vanilla Throttle implementation

function throttle(func) {
  var wait = arguments.length <= 1 || arguments[1] === undefined ? 100 : arguments[1];

  var timer = null;
  return function () {
    var _this = this;

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    if (timer === null) {
      timer = setTimeout(function () {
        func.apply(_this, args);
        timer = null;
      }, wait);
    }
  };
}

function sayHi(event) {
  console.log('Hi!', this, event.type);
}

// Start
var throttled = throttle(sayHi, 500);
window.addEventListener('resize', throttled);
document.body.addEventListener('click', throttled);
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>ESNextbin Sketch</title>
	<!-- put additional styles and scripts here -->
	</head>
	<body>
	<!-- put markup and other contents here -->
	</body>
	</html>
	// Vanilla Throttle implementation


	function throttle(func, wait = 100) {
	let timer = null;
	return function(...args) {
	if (timer === null) {
	timer = setTimeout(() => {
	func.apply(this, args);
	timer = null;
	}, wait);
	}
	};
	}

	function sayHi(event) {
	console.log('Hi!', this, event.type);
	}


	// Start
	const throttled = throttle(sayHi, 500);
	window.addEventListener('resize', throttled);
	document.body.addEventListener('click', throttled)
	'use strict';

	// Vanilla Throttle implementation

	function throttle(func) {
	var wait = arguments.length <= 1 \|\| arguments[1] === undefined ? 100 : arguments[1];

	var timer = null;
	return function () {
	var _this = this;

	for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
	args[_key] = arguments[_key];
	}

	if (timer === null) {
	timer = setTimeout(function () {
	func.apply(_this, args);
	timer = null;
	}, wait);
	}
	};
	}

	function sayHi(event) {
	console.log('Hi!', this, event.type);
	}

	// Start
	var throttled = throttle(sayHi, 500);
	window.addEventListener('resize', throttled);
	document.body.addEventListener('click', throttled);