下划线与争论的辩论

Question

假设我有这个事件处理程序：

var mousewheel = function (e) { /* blah */ };

但是，我想辩论它。 所以我这样做，按预期工作：

var mousewheelDebounced = _.debounce(mousewheel, 500);
$(document).on("mousewheel", function (e) {
  e.preventDefault();
  mousewheelDebounced(e);
}

但这不能按预期工作 ：

$(document).on("mousewheel", function (e) {
  e.preventDefault();
  _.debounce(mousewheel, 500)(e);
}

我更喜欢第二种形式的紧凑性。 但是没有发生去抖动。

我假设没有引用mousewheelDebounced ，所以每次调用底层处理程序。 这是什么原因？ 如果可能，我该如何清理此代码？

你可以在这里看到一个小提琴 。

Answer 1

在每个mousewheel事件（经常发生）上，您将创建一个新版本的debounce功能。 此函数没有历史记录，并且不知道在之前的事件中还创建了另一个。 所以它只是运行。 这就是你应该使用第一个版本的原因。