Heim >Web-Frontend >js-Tutorial >Fallbeschreibung der Verwendung der JS-Callback-Funktion
Dieses Mal werde ich Ihnen eine Fallbeschreibung der Verwendung der JSCallback-Funktion und der Vorsichtsmaßnahmen für die Verwendung der JS-Callback-Funktion geben. Das Folgende ist ein praktischer Fall, nehmen wir einen sehen.
Bevor Sie über die Rückruffunktion sprechen, können Sie sich auch zuerst einen Code ansehen. Ich glaube, dass Studenten mit einigen Grundkenntnissen in JS die Bedeutung verstehen können:
document.getElementById('demo').click=function(){ alert(1); };
Dieser Code ist eigentlich ein Event-Callback. Tatsächlich ist es relativ vage. Wir können uns auch den nächsten Code ansehen. Der einzige Unterschied besteht darin Schauen wir uns das an
, Diese Funktion hat zwei Parameter. Der erste ist der Ereignisname und der zweite Parameter ist tatsächlich die Rückruffunktionsmethode im Buch Die Parameter in der Funktion können 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('eventName',callback)
document.getElementById('demo').addEventListener('click',function(){ alert(1) });
addEventListener
Dieser Code definiert eine Demofunktion. Diese Funktion hat drei Parameter a, b, Rückruf. Wir deklarieren eine lokale Variable c in dieser Funktion und führen dann unseren Rückruf (Rückruffunktion) aus die Demofunktion Die drei Parameter dieser Funktion sind wie oben und der in der Rückruffunktion angezeigte Wert ist 3. 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.
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Detaillierte Erläuterung der Schritte zur Verwendung von WebUploader in der Fuzzy-BoxDetaillierte Erläuterung der berechneten Verwendung Fälle in Vue.jsDas obige ist der detaillierte Inhalt vonFallbeschreibung der Verwendung der JS-Callback-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!