Затримуючий декоратор
Створіть декоратор delay(f, ms), Ñка затримує кожен виклик f на ms міліÑекунд.
Ðаприклад:
function f(x) {
alert(x);
}
// Ñтворюємо обгортки
let f1000 = delay(f, 1000);
let f1500 = delay(f, 1500);
f1000("теÑÑ‚"); // показує "test" піÑÐ»Ñ 1000 мÑ
f1500("теÑÑ‚"); // показує "test" піÑÐ»Ñ 1500 мÑІншими Ñловами, delay(f, ms) повертає варіант f з “затримкою на msâ€.
У коді вище, Ñ„ÑƒÐ½ÐºÑ†Ñ–Ñ f приймає лише один аргумент, але ваше Ñ€Ñ–ÑˆÐµÐ½Ð½Ñ Ð¿Ð¾Ð²Ð¸Ð½Ð½Ð¾ передавати вÑÑ– аргументи та контекÑÑ‚ this.
РішеннÑ:
function delay(f, ms) {
return function() {
setTimeout(() => f.apply(this, arguments), ms);
};
}
let f1000 = delay(alert, 1000);
f1000("теÑÑ‚"); // показує "теÑÑ‚" піÑÐ»Ñ 1000 мÑЗверніть увагу, Ñк тут викориÑтовуєтьÑÑ Ñтрілочна функціÑ. Як відомо, Ñтрілочні функції не мають влаÑних this та arguments, тому f.apply(this, arguments) бере this та arguments з обгортки.
Якщо ми передамо звичайну функцію, setTimeout буде викликати Ñ—Ñ— без аргументів, а this=window (припуÑкаючи, що ми знаходимоÑÑ Ð² браузері).
Ми вÑе ще можемо передати коректний this за допомогою проміжної змінної, але це трохи більш громіздко:
function delay(f, ms) {
return function(...args) {
let savedThis = this; // зберігаємо this в проміжну змінну
setTimeout(function() {
f.apply(savedThis, args); // викориÑтовуємо Ñ—Ñ— тут
}, ms);
};
}Відкрити Ñ€Ñ–ÑˆÐµÐ½Ð½Ñ Ñ–Ð· теÑтами в піÑочниці.