Underscore debounce vs Vanille Javascript setTimeout

Question

Ich verstehe, dass debounce in Undercore.js eine Funktion zurückgibt, die ihre Ausführung verzögert, bis die Wartezeit vorbei ist.

Meine Frage ist, gibt es einen Vorteil der Verwendung von debounce über die normale setTimeout Funktion in Vanille Javascript? Arbeiten sie nicht beide gleich?

Answer 1

Sie sind sehr unterschiedlich und in ganz anderen Fällen verwendet.

1. _.debounce gibt einen function, setTimeout gibt ein id, die Ihnen die timeOut abbrechen können.

2. Egal, wie oft Sie die Funktion aufrufen, die von _.debounce zurückgegeben wird, sie wird nur einmal im angegebenen Zeitrahmen ausgeführt.

var log_once = _.debounce(log, 5000); 
 

 
function log() { 
 
    console.log('prints'); 
 
} 
 

 
log_once(); 
 
log_once(); 
 
log_once(); 
 
log_once(); 
 
log_once(); 
 

 
var id = setTimeout(function() { 
 
    console.log('hello'); 
 
}, 3000); 
 
clearTimeout(id);

Answer 2

setTimeout und debounce sind in keiner Weise das Gleiche. setTimeout wartet einfach n Millisekunden und ruft die angegebene Funktion auf. debounce gibt dagegen eine Funktion zurück, die den Rückruf erst nach n Millisekunden nach dem letzten Aufruf der Funktionen aufruft.

Großer Unterschied. Entprellen/Drosselung (sie sind nicht dasselbe) Funktionen werden oft verwendet, um die Anzahl von Funktionsaufrufen als Folge von Benutzereingaben zu reduzieren. Stellen Sie sich ein Autocomplete-/Typeahead-Feld vor. Sie können eine Ajax-Anfrage bei jedem Tastendruck machen, aber das kann ziemlich schwer werden, also können Sie die Funktion entprellen, so dass nur 200ms nach der letzte Tastendruck ausgelöst wird.

Sie können hier auf die Dokumentation nachlesen: https://lodash.com/docs#debounce