Question

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

例如，输入输入将导致消息在1秒后出现在控制台中。在我的示例中，您将看到多条消息（您键入的每个字母都有一条消息）。如何修改我的代码才能看到一条消息？

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

Answer 1

您正在为每个keyup事件创建一个新的debounced函数。相反，您需要创建一次并在内部（或替代）onKeyUp事件处理程序中使用此函数。

＆＃13;

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

＆＃13;

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

＆＃13;