用Lodash节流是行不通的

Question

我想使用Lodash throttle来减少滚动时的函数调用.我的代码如下:

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

不幸的是,这不起作用 - 我一直bam都在使用,而不是每一个都有.

我能做什么？

CodePen:http://codepen.io/tomekbuszewski/pen/oxeOXy？editors = 1111

Answer 1

该_.throttle函数应该只生成一次,而不是每次事件触发时生成

 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>

该console.log("bam")调用一次,每10秒

Answer 2

您的代码中有一个错误

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