Update 1-js/06-advanced-functions/09-call-apply-decorators/04-throttle/solution.md

dolgachio · web-flow · commit 7a183c5a1eb5 · 2025-03-16T22:09:56.000+02:00
diff --git a/1-js/06-advanced-functions/09-call-apply-decorators/04-throttle/solution.md b/1-js/06-advanced-functions/09-call-apply-decorators/04-throttle/solution.md
@@ -32,7 +32,7 @@ function throttle(func, ms) {
 &#1042;&#1080;&#1082;&#1083;&#1080;&#1082; `throttle(func, ms)` &#1087;&#1086;&#1074;&#1077;&#1088;&#1090;&#1072;&#1108; `wrapper`.
 
 1. &#1055;&#1110;&#1076; &#1095;&#1072;&#1089; &#1087;&#1077;&#1088;&#1096;&#1086;&#1075;&#1086; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;&#1091; `wrapper` &#1087;&#1088;&#1086;&#1089;&#1090;&#1086; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;&#1072;&#1108; `func` &#1110; &#1074;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1083;&#1102;&#1108; &#1089;&#1090;&#1072;&#1085; &#1074;&#1110;&#1076;&#1087;&#1086;&#1095;&#1080;&#1085;&#1082;&#1091; (`isThrottled = true`).
-2. &#1055;&#1110;&#1076; &#1095;&#1072;&#1089; &#1094;&#1100;&#1086;&#1075;&#1086; &#1089;&#1090;&#1072;&#1085;&#1091; &#1074;&#1089;&#1110; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;&#1080; &#1079;&#1072;&#1087;&#1072;&#1084;&rsquo;&#1103;&#1090;&#1086;&#1074;&#1091;&#1102;&#1090;&#1100;&#1089;&#1103; &#1074; `savedArgs/savedThis`. &#1047;&#1074;&#1077;&#1088;&#1085;&#1110;&#1090;&#1100; &#1091;&#1074;&#1072;&#1075;&#1091;, &#1097;&#1086; &#1103;&#1082; &#1082;&#1086;&#1085;&#1090;&#1077;&#1082;&#1089;&#1090;, &#1090;&#1072;&#1082; &#1110; &#1072;&#1088;&#1075;&#1091;&#1084;&#1077;&#1085;&#1090;&#1080; &#1086;&#1076;&#1085;&#1072;&#1082;&#1086;&#1074;&#1086; &#1074;&#1072;&#1078;&#1083;&#1080;&#1074;&#1110;, &#1110; &#1087;&#1086;&#1074;&#1080;&#1085;&#1085;&#1110; &#1073;&#1091;&#1090;&#1080; &#1079;&#1072;&#1087;&#1072;&#1084;&rsquo;&#1103;&#1090;&#1086;&#1074;&#1072;&#1085;&#1080;&#1084;&#1080;. &#1065;&#1086;&#1073; &#1087;&#1086;&#1074;&#1085;&#1086;&#1094;&#1110;&#1085;&#1085;&#1086; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;, &#1085;&#1072;&#1084; &#1087;&#1086;&#1090;&#1088;&#1110;&#1073;&#1085;&#1110; &#1110; &#1072;&#1088;&#1075;&#1091;&#1084;&#1077;&#1085;&#1090;, &#1110; &#1082;&#1086;&#1085;&#1090;&#1077;&#1082;&#1089;&#1090; &#1086;&#1076;&#1085;&#1086;&#1095;&#1072;&#1089;&#1085;&#1086;.
+2. &#1055;&#1110;&#1076; &#1095;&#1072;&#1089; &#1094;&#1100;&#1086;&#1075;&#1086; &#1089;&#1090;&#1072;&#1085;&#1091; &#1074;&#1089;&#1110; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;&#1080; &#1079;&#1072;&#1087;&#1072;&#1084;&rsquo;&#1103;&#1090;&#1086;&#1074;&#1091;&#1102;&#1090;&#1100;&#1089;&#1103; &#1074; `savedArgs/savedThis`. &#1047;&#1074;&#1077;&#1088;&#1085;&#1110;&#1090;&#1100; &#1091;&#1074;&#1072;&#1075;&#1091;, &#1097;&#1086; &#1103;&#1082; &#1082;&#1086;&#1085;&#1090;&#1077;&#1082;&#1089;&#1090;, &#1090;&#1072;&#1082; &#1110; &#1072;&#1088;&#1075;&#1091;&#1084;&#1077;&#1085;&#1090;&#1080; &#1086;&#1076;&#1085;&#1072;&#1082;&#1086;&#1074;&#1086; &#1074;&#1072;&#1078;&#1083;&#1080;&#1074;&#1110;, &#1110; &#1087;&#1086;&#1074;&#1080;&#1085;&#1085;&#1110; &#1073;&#1091;&#1090;&#1080; &#1079;&#1072;&#1087;&#1072;&#1084;&rsquo;&#1103;&#1090;&#1086;&#1074;&#1072;&#1085;&#1080;&#1084;&#1080;. &#1044;&#1083;&#1103; &#1082;&#1086;&#1078;&#1085;&#1086;&#1075;&#1086; &#1087;&#1086;&#1074;&#1085;&#1086;&#1094;&#1110;&#1085;&#1085;&#1086;&#1075;&#1086; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;&#1091;, &#1085;&#1072;&#1084; &#1087;&#1086;&#1090;&#1088;&#1110;&#1073;&#1085;&#1110; &#1110; &#1072;&#1088;&#1075;&#1091;&#1084;&#1077;&#1085;&#1090;, &#1110; &#1082;&#1086;&#1085;&#1090;&#1077;&#1082;&#1089;&#1090; &#1086;&#1076;&#1085;&#1086;&#1095;&#1072;&#1089;&#1085;&#1086;.
 3. &#1055;&#1110;&#1089;&#1083;&#1103; &#1090;&#1086;&#1075;&#1086;, &#1103;&#1082; &#1084;&#1080;&#1085;&#1072;&#1108; `ms` &#1084;&#1110;&#1083;&#1110;&#1089;&#1077;&#1082;&#1091;&#1085;&#1076;, `setTimeout` &#1089;&#1087;&#1088;&#1072;&#1094;&#1100;&#1086;&#1074;&#1091;&#1108;. &#1057;&#1090;&#1072;&#1085; &#1074;&#1110;&#1076;&#1087;&#1086;&#1095;&#1080;&#1085;&#1082;&#1091; &#1079;&#1085;&#1110;&#1084;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103; (`isThrottled = false`) &#1110;, &#1103;&#1082;&#1097;&#1086; &#1084;&#1080; &#1084;&#1072;&#1083;&#1080; &#1087;&#1088;&#1086;&#1110;&#1075;&#1085;&#1086;&#1088;&#1086;&#1074;&#1072;&#1085;&#1110; &#1074;&#1080;&#1082;&#1083;&#1080;&#1082;&#1080;, `wrapper` &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1079; &#1086;&#1089;&#1090;&#1072;&#1085;&#1085;&#1110;&#1084;&#1080; &#1079;&#1073;&#1077;&#1088;&#1077;&#1078;&#1077;&#1085;&#1080;&#1084;&#1080; &#1072;&#1088;&#1075;&#1091;&#1084;&#1077;&#1085;&#1090;&#1072;&#1084;&#1080; &#1090;&#1072; &#1082;&#1086;&#1085;&#1090;&#1077;&#1082;&#1089;&#1090;&#1086;&#1084;.
 
 3-&#1081; &#1082;&#1088;&#1086;&#1082; &#1079;&#1072;&#1087;&#1091;&#1089;&#1082;&#1072;&#1108; &#1085;&#1077; `func`, &#1072; `wrapper`, &#1090;&#1086;&#1084;&#1091; &#1097;&#1086; &#1084;&#1080; &#1085;&#1077; &#1090;&#1110;&#1083;&#1100;&#1082;&#1080; &#1087;&#1086;&#1074;&#1080;&#1085;&#1085;&#1110; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1074;&#1072;&#1090;&#1080; `func`, &#1072;&#1083;&#1077; &#1081; &#1097;&#1077; &#1088;&#1072;&#1079; &#1074;&#1074;&#1086;&#1076;&#1080;&#1090;&#1080; &#1089;&#1090;&#1072;&#1085; &#1074;&#1110;&#1076;&#1087;&#1086;&#1095;&#1080;&#1085;&#1082;&#1091; &#1090;&#1072; &#1085;&#1072;&#1083;&#1072;&#1096;&#1090;&#1086;&#1074;&#1091;&#1074;&#1072;&#1090;&#1080; &#1090;&#1072;&#1081;&#1084;-&#1072;&#1091;&#1090;, &#1097;&#1086;&#1073; &#1087;&#1086;&#1090;&#1110;&#1084; &#1079;&#1085;&#1086;&#1074;&#1091; &#1074;&#1110;&#1076;&#1084;&#1110;&#1085;&#1080;&#1090;&#1080; &#1089;&#1090;&#1072;&#1085; &#1074;&#1110;&#1076;&#1087;&#1086;&#1095;&#1080;&#1085;&#1082;&#1091;.

-Original file line number
+Diff line change
 Виклик `throttle(func, ms)` повертає `wrapper`.
 . Під час першого виклику `wrapper` просто викликає `func` і встановлює стан відпочинку (`isThrottled = true`).
 -2. Під час цього стану всі виклики запам’ятовуються в `savedArgs/savedThis`. Зверніть увагу, що як контекст, так і аргументи однаково важливі, і повинні бути запам’ятованими. Щоб повноцінно виклик, нам потрібні і аргумент, і контекст одночасно.
 +2. Під час цього стану всі виклики запам’ятовуються в `savedArgs/savedThis`. Зверніть увагу, що як контекст, так і аргументи однаково важливі, і повинні бути запам’ятованими. Для кожного повноцінного виклику, нам потрібні і аргумент, і контекст одночасно.
 . Після того, як минає `ms` мілісекунд, `setTimeout` спрацьовує. Стан відпочинку знімається (`isThrottled = false`) і, якщо ми мали проігноровані виклики, `wrapper` виконується з останніми збереженими аргументами та контекстом.
 -й крок запускає не `func`, а `wrapper`, тому що ми не тільки повинні виконувати `func`, але й ще раз вводити стан відпочинку та налаштовувати тайм-аут, щоб потім знову відмінити стан відпочинку.