Исправляет функцию debounce()

js/debounce/demos/debounced-search/index.html

@@ -164,16 +164,11 @@
     const searchResults = document.querySelector('.search-results')
 
     function debounce(callee, timeoutMs) {
-      return function perform(...args) {
-        let previousCall = this.lastCall
-        this.lastCall = Date.now()
-
-        if (previousCall && ((this.lastCall - previousCall) <= timeoutMs)) {
-          clearTimeout(this.lastCallTimer)
-        }
-
-        this.lastCallTimer = setTimeout(() => callee(...args), timeoutMs)
-      }
+      let timer;
+      return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => { callee.apply(this, args); }, timeoutMs);
+      };
     }
 
     function handleInput(e) {

js/debounce/index.md

@@ -233,23 +233,25 @@ const server = {
 
 Итак, `debounce()` — это функция высшего порядка, принимающая аргументом функцию, которую надо «отложить».
 
-Поехали. Аргументами будут функция, которую надо «откладывать», и интервал времени, спустя который следует вызывать функцию. Как результат возвращаем другую функцию. Это нужно, чтобы мы могли не менять другие части кода. Чуть позже увидим, как это помогает. В переменной `previousCall` мы храним временную метку предыдущего вызова, а в переменной текущего вызова — временную метку нынешнего момента. Это нужно, чтобы потом сравнить, когда функция была вызвана в этот раз и в предыдущий. Если разница между вызовами меньше, чем указанный интервал, то мы очищаем таймаут, который отвечает за непосредственно вызов функции-аргумента. Обратите внимание, что мы передаём все аргументы `...args`, которые получаем в функции `perform()`. Это тоже нужно, чтобы не приходилось менять другие части кода. Если таймаут был очищен, вызова не произойдёт. Если он не был очищен, то вызовется `callee`. Таким образом, мы как бы «отодвигаем» вызов `callee` до тех пор, пока «снаружи всё не подуспокоится».
+Поехали. Аргументами будут функция, которую надо «откладывать», и интервал времени, спустя который следует вызывать функцию. Как результат возвращаем другую функцию. Это нужно, чтобы мы могли не менять другие части кода. Чуть позже увидим, как это помогает.
+
+Обратите внимание, что мы передаём все аргументы `...args`, которые получаем в возвращаемой стрелочной функции. Это тоже нужно, чтобы не приходилось менять другие части кода. Если таймаут был очищен, вызова не произойдёт. Если он не был очищен, то вызовется `callee`. Таким образом, мы как бы «отодвигаем» вызов `callee` до тех пор, пока «снаружи всё не подуспокоится».
 
 ```javascript
 function debounce(callee, timeoutMs) {
-  return function perform(...args) {
-    let previousCall = this.lastCall
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => { callee.apply(this, args); }, timeoutMs);
+  };
+}
+```
 
-    this.lastCall = Date.now()
+Как работает стрелочная функция, которую возвращает `debounce`:
 
-    if (previousCall && this.lastCall - previousCall <= timeoutMs) {
-      clearTimeout(this.lastCallTimer)
-    }
+1. При вызове функции, возвращаемой debounce, сначала выполняется `clearTimeout(timer)`. Это удаляет ранее установленный таймер, если он существует. Это необходимо, чтобы предотвратить выполнение предыдущего вызова функции `callee`, если новый вызов произошел до завершения задержки.
 
-    this.lastCallTimer = setTimeout(() => callee(...args), timeoutMs)
-  }
-}
-```
+1. Затем устанавливается новый таймер с помощью setTimeout, и ссылка на этот таймер сохраняется в переменной timer.
 
 Использовать такой `debounce()` мы можем так: