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

Кто быстрее?

важность: 5 Есть два бегуна:
var runner1 = new Runner(); var runner2 = new Runner();

У каждого есть метод step() , который делает шаг, увеличивая свойство steps .

Конкретный код метода step() не имеет значения, важно лишь что шаг делается не мгновенно, он требует небольшого времени.

Если запустить первого бегуна через setInterval , а второго – через вложенный setTimeout – какой сделает больше шагов за 5 секунд?

// первый? setInterval(function() {

runner1.step();
}, 15);

// или второй? setTimeout(function go() {

runner2.step(); setTimeout(go, 15);
}, 15);

setTimeout(function() { alert( runner1.steps );

alert( runner2.steps );
}, 5000);

К решению

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

важность: 5

Напишите функцию delay(f, ms) , которая возвращает обёртку вокруг f , задерживающую вызов на ms миллисекунд. Например:

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

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

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

Упрощённо можно сказать, что delay возвращает "задержанный на ms " вариант f .

В примере выше у функции только один аргумент, но delay должна быть универсальной: передавать любое количество аргументов и контекст this . Открыть песочницу с тестами для задачи. ^

К решению

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

важность: 5

Напишите функцию debounce(f, ms) , которая возвращает обёртку, которая передаёт вызов f не чаще, чем раз в ms миллисекунд.

«Лишние» вызовы игнорируются. Все аргументы и контекст – передаются. Например:

function f() { ... }

var f = debounce(f, 1000);

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

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

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

Упрощённо можно сказать, что debounce возвращает вариант f , срабатывающий не чаще чем раз в ms миллисекунд. Открыть песочницу с тестами для задачи. ^

К решению