下划线Debounce调用多次

Question

调用_.debounce()会导致函数多次执行，而不是在函数延迟后执行一次。如何让_.debounce()中的函数在指定的延迟后执行一次？我的用例是在用户停止键入之后执行AJAX请求。

例如，在输入中键入将在1秒后在控制台中显示一条消息。在我的示例中，您将看到出现多条消息(您键入的每个字母对应一条消息)。如何将代码修改为只显示一条消息？

https://plnkr.co/edit/3dGm55ZFqWe4V59HLgoC

function onKeyUp() {
    _.debounce(() => {
        console.log('foo');
    }, 1000)();
}
<input onkeyup="onKeyUp()" />

Answer 1

您将在每个keyup事件上创建一个新的去抖动函数。相反，您需要创建它一次，并在onKeyUp事件处理程序中(或改为)使用此函数。

​

var handler = _.debounce(() => {
  console.log('foo');
}, 1000)

function onKeyUp() {
  handler();
}

<script src="http://underscorejs.org/underscore-min.js"></script>
<input onkeyup="onKeyUp()" />

​