Сборка от 17 марта 2017 г

Функция‑задержка

function delay(f, ms) {
return function() {
var savedThis = this;
var savedArgs = arguments;

setTimeout(function() { f.apply(savedThis, savedArgs);

}, ms);
};

}

function f(x) { alert( x );
}

var f1000 = delay(f, 1000); var f1500 = delay(f, 1500);

f1000("тест"); // выведет "тест" через 1000 миллисекунд f1500("тест2"); // выведет "тест2" через 1500 миллисекунд

Обратим внимание на то, как работает обёртка:

return function() { var savedThis = this;

var savedArgs = arguments;

setTimeout(function() { f.apply(savedThis, savedArgs);

}, ms);
};

Именно обёртка возвращается декоратором delay и будет вызвана. Чтобы передать аргумент и контекст функции, вызываемой через ms

миллисекунд, они копируются в локальные переменные savedThis и savedArgs .
Это один из самых простых, и в то же время удобных способов передать что‑либо в функцию, вызываемую через setTimeout . Открыть решение с тестами в песочнице. ^
К условию

Вызов не чаще чем в N миллисекунд

function debounce(f, ms) { var state = null;

var COOLDOWN = 1;

return function() { if (state) return;

f.apply(this, arguments); state = COOLDOWN;

setTimeout(function() { state = null }, ms);
}

}

function f(x) { alert(x) } var f = debounce(f, 1000);

f(1); // 1, выполнится сразу же f(2); // игнор

setTimeout( function() { f(3) }, 100); // игнор (прошло только 100 мс) setTimeout( function() { f(4) }, 1100); // 4, выполнится

setTimeout( function() { f(5) }, 1500); // игнор

Вызов debounce возвращает функцию‑обёртку. Все необходимые данные для неё хранятся в замыкании.

При вызове ставится таймер и состояние state меняется на константу COOLDOWN («в процессе охлаждения»). Последующие вызовы игнорируются, пока таймер не обнулит состояние.

Открыть решение с тестами в песочнице. ^

К условию