Eine kurze Analyse von Callback-Funktionsbeispielen in JS

Dieser Artikel stellt hauptsächlich die Rückruffunktion in JS vor und analysiert kurz das Konzept, die Funktion, die Verwendung und die damit verbundenen Vorsichtsmaßnahmen der Javascript-Rückruffunktion in Form von Beispielen. Freunde in Not können sich auf die Beispiele in diesem Artikel beziehen

Beschreibt die Callback-Funktion in JS. Ich teile es Ihnen als Referenz mit:

Bevor Sie über die Rückruffunktion sprechen, können Sie sich meiner Meinung nach auch einen Teil des Codes ansehen Verstehe seine Bedeutung:

document.getElementById('demo').click=function(){
  alert(1);
};

Dieser Code ist eigentlich ein Event-Callback, wenn er so geschrieben wird Nächster Code

document.getElementById('demo').addEventListener('click',function(){
    alert(1)
});

Der einzige Unterschied besteht in der Schreibweise addEventListener('eventName',callback) 🎜>Diese Funktion hat zwei Parameter. Der erste ist der Ereignisname. Ein Parameter ist tatsächlich eine Rückruffunktion im Buch, da die Parameter in der Funktion Variablen sein, dann kann es sich auch um eine Funktion handeln. Vielleicht sind zu diesem Zeitpunkt noch alle verwirrt über die Rückgabe von Funktionen. Schauen wir uns das nächste Beispiel an. addEventListener

function demo(a,b,callback){
    let c=a+b;
    callback(c);
};
demo(1,2,function(c){
    alert(c);//3
})

Diese Funktion hat drei Parameter a, b, callback. Wir deklarieren eine lokale Variable c in dieser Funktion und führen dann unsere aus Rückruf (Rückruffunktion) und führen Sie dann die Demofunktion

aus. Die drei Parameter dieser Funktion sind wie oben, und der Wert 3 wird in der Rückruffunktion angezeigt. Dies ist eine einfache Rückruffunktion. Um die Bedeutung der Callback-Funktion wirklich zu verstehen, kommt es meiner Meinung nach darauf an, ihren Zweck zu verstehen. Nur wenn wir ihren Zweck verstehen, können wir sie wirklich verstehen.

Das häufigste Anwendungsszenario für Rückruffunktionen sind asynchrone Vorgänge. Da wir bei asynchronen Vorgängen nicht wissen, wann der Vorgang endet, kann der Code, den wir anschließend ausführen, nicht dem richtigen Prozess folgen.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Schleifenschema in Ajax

Ein einfaches Beispiel für die Verwendung von XPath in dom4j

Eine kurze Diskussion über die DatePicker-Datumsbereichsauswahl von Bootstrap

Das obige ist der detaillierte Inhalt vonEine kurze Analyse von Callback-Funktionsbeispielen in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!