Throttling with Lodash doesn't work

The _.throttle function should only be generated once and not every time the event fires

 var callback = _.throttle(() => { console.log('bam')}, 10000);
    window.addEventListener('scroll', callback);

div {
 height : 100px
}
div > div {
 height : 1000px
}

<script src="https://cdn.jsdelivr.net/lodash/4.6.1/lodash.min.js"></script>
<div>
  <div></div>
</div>

the console.log("bam") called once every 10 sec

There is a mistake in your code

window.addEventListener('scroll', _.throttle(() => { console.log('bam'); }, 1000));

Related