Underscore: _.debounce() теряет event.currentTarget

Если свойство изменено в ссылке на объект события, которая выходит за рамки Underscore. Если вы используете библиотеку, такую ​​​​как jQuery, это может помочь, поскольку они создают синтетический объект события, на который вы сможете ссылаться без проблем.

Я не думаю, что вы собираетесь обойти это. event повторно используется по мере распространения вверх по DOM, при этом currentTarget изменяется для каждого элемента с прослушивателем. скрипка

Передача второго параметра может обойти это. скрипка

var debounced = _.debounce(fn, 50);
document.querySelector('.debounced-input').addEventListener('keyup', function(event) {
    debounced(event, event.currentTarget);
});

Да, это выходит за рамки подчеркивания. Рассмотрим микроструктуру событий DOM, например gator

Вот пример работы с jQuery.

Я все еще могу получить элемент, который currentTarget обычно имеет с помощью this ; Я только что открыл эту проблему, чтобы убедиться, что то, что я вижу, действительно ожидаемое поведение.

@jridgewell есть идеи, как обойти это в React onChange. когда я не использую debounce, я могу получить доступ к правильному событию в моей функции onChange, но когда я использую _.debounce , я теряю правильный event — см. ниже

// in my render
<input onChange={ _.debounce(this.updateNote.bind(this), 500) } />

// my change handler
updateNote(event) {
    // undefined on event.target, get lodash event not <input/> event target
    const note = event.target.value
    this.sendNote({ note })
 }

Смотрите мое второе предложение .

Это вопрос реализации. Вам нужно сохранить событие. onChange должен вызвать сохранение, а ЗАТЕМ передать сохраненное событие обработчику debounced:

onChange_persist = (e) =>
{
    e.persist();
    e.onChange_debounced(e);
}