javaScript debouncing

In JavaScript spielt die "Debounce" -Funktion eine entscheidende Rolle bei der Optimierung des Ereignisabwickelns und der Verhinderung von übermäßigen Funktionen. Es funktioniert, indem die Ausführung einer Funktion verzögert wird, bis eine bestimmte Zeit seit ihrem letzten Einruf verstrichen ist.

Der bereitgestellte Code -Snippet beschreibt die Implementierung einer solchen Funktion:

function debounce(func, wait, immediate) {
  var timeout;
  return function() {
    var context = this, args = arguments;
    var later = function() {
      timeout = null;
      if (!immediate) func.apply(context, args);
    };
    var callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) func.apply(context, args);
  };
};

, um zu verstehen, wie es funktioniert, analysieren wir jeden Teil:

• 'unmittelbare' Flag: Diese optionale Flagge bestimmt, ob die Funktion sofort auf den ersten Anrufen vor den Verzögerungszeiten ausgeführt werden sollte. Wenn sofort auf wahr eingestellt ist, wird die Funktion auf dem ersten Anruf ausgeführt und dann die Verzögerung für nachfolgende Anrufe angewendet.
• 'timeout' variable: intern verwendet, um die Referenz auf eine anstehende Auszeit zu speichern. Es löscht die Auszeit und führt, wenn 'unmittelbar' falsch 'ist, die definierte Funktion aus.
• ' callnow 'Variable: prüft, ob das "unmittelbare" Flag festgelegt ist und keine Auszeiten bereits ausgeführt wird. Wenn es zu wahr bewertet wird, bedeutet dies, dass die Funktion sofort ausgeführt werden sollte.
• Wenn die Funktion aufgerufen wird, wird zunächst den richtigen Kontext und Argumenten für die verzögerte Ausführung zugewiesen. ist falsch oder 'callnow' ist falsch, eine Zeitüberschreitung soll die Funktion nach dem angegebenen Verzögerungszeitraum ausführen. Wenn ein anderer Anruf vorliegt, bevor das Timeout abläuft, wird die Auszeit zurückgesetzt.
Nachdem die Verzögerungsperiode abgelaufen ist, wird die Variable "Timeout" gelöscht, und die Funktion wird ausgeführt, wenn 'unmittelbar' falsch 'falsch ist. oder sich wiederholende Funktionen ruft.