У Дэвида Уолша отличная реализация debounce here.Вызов функций отладки по их аргументам
// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
Я использую его в производстве и отлично работает.
Теперь я столкнулся с более сложным случаем необходимости дебюта.
У меня есть событие, которое вызывает обработчик события с таким параметром: $ (elem) .on ('onSomeEvent', (e) => {обработчик (e.X)});
Я уверен, что это событие часто срабатывает и вызывает обработчик даже 1000 раз в секунду. Мне не нужно отказываться от самого обработчика. Но в моем случае, для каждого e.X, я хочу, чтобы его вызывали только один раз за период, скажем, 250 мс.
Я думал о создании двухмерного массива, который содержит x и последнее время выполнения, но я не хочу объявлять какие-либо глобальные переменные.
Любые идеи?
* EDIT *
После прочтения @ Тим Вермален ответа я реализовал это так, и это сработало:
export function debounceWithId(func, wait, id, immediate?) {
var timeouts = {};
return function() {
var context = this, args = arguments;
var later = function() {
timeouts[id] = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeouts[id];
clearTimeout(timeouts[id]);
timeouts[id] = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
'var timeout' не является глобальной переменной в исходном коде? – Bergi
Кажется, к сожалению – Dorad
Не прискорбно, но именно то, что вы хотите? – Bergi