Подчеркивание дребезга с аргументами

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 не осталась, поэтому базовый обработчик вызывается каждый раз. Это причина? Как я могу очистить этот код, если это возможно?

Вы можете увидеть fiddle here.

Answer 1

При каждом событии mousewheel (что происходит очень часто) вы создаете новую версию функции debounce. Эта функция не имеет истории и не знает, что на предыдущем событии была создана другая. Так оно и работает. Вот почему вы должны пойти с первой версией.