Heim >Web-Frontend >js-Tutorial >Rückruffunktionen
Fühlen Sie sich beim Erlernen von Rückruffunktionen genau wie Sharpay?
Nun, bevor wir uns mit den technischen Dingen befassen, lassen Sie uns etwas theoretischer darüber nachdenken: mit Kuchen! ?
Stellen Sie sich vor, Sie möchten zum Geburtstag Ihres Freundes einen Kuchen backen. Am Tag vor ihrem Geburtstag folgen Sie einem Rezept für die Glasur und stellen sie über Nacht in den Kühlschrank. Das Rezept für das Sahnehäubchen ist hier die Callback-Funktion. Sie verwenden das Sahnehäubchen noch nicht, aber es wartet darauf, später verwendet zu werden!
Am Tag der Geburtstagsfeier beschließen Sie, das Kuchenrezept aufzurufen. Es erfordert Mehl, Wasser, Eier, Zucker, Backpulver, Salz, Milch und Zuckerguss.
Dieses Rezept oder diese Funktion verwendet eine Reihe von Variablen und auch dieses Rezept oder diese Funktion als Zuckerguss. Es greift auf das Rezept zurück, das Sie bereits zuvor erstellt oder deklariert haben.
Okay, genug mit dem Kuchen (leider), kommen wir zu den technischen Dingen:
An diesem Punkt sind wir es gewohnt, Variablen als Argumente in einer Funktion zu übergeben. In Javascript können wir Funktionen auch verwenden, um sie als Argumente in einer neuen Funktion zu übergeben. Die erste Funktion ist die Rückruffunktion und diese wird als Argument durch die neue Funktion übergeben.
Zum Beispiel:
//Rückruffunktion
Funktion Vereisung ( ) {
console.log("Vanilleglasur")
}
//neue Funktion
Funktionskuchen (Geschmack, Rückruf) {
console.log("Mein Kuchengeschmack ist "Flavour);
callback();
}
//Verwenden der Callback-Funktion als Argument
Kuchen ("Kürbis", Zuckerguss);
Was ist Ihrer Meinung nach das Ergebnis hier?
Am Ende des Codes können Sie sehen, dass wir die Kuchenfunktion aufgerufen haben. Da wir „Kürbis“ als erstes Argument übergeben, wissen wir, dass die Konsole „Mein Kuchengeschmack ist Kürbis“ protokollieren wird
Der zweite Teil dieser Funktion verwendet den zweiten Parameter, um diese Funktion aufzurufen. Wenn wir Kuchen aufrufen, sehen wir, dass der zweite Parameter, den wir aufrufen, die Icing-Funktion ist. Die Icing-Funktion möchte, dass wir „Vanilla Icing“ in console.log eingeben.
Daher sollte unsere Konsole lauten:
Mein Kuchengeschmack ist Kürbis
Vanilleglasur
Und da ist unser Rezept für die Rückruffunktion, viel Spaß!
Zusätzliche Herausforderung:
Versuchen Sie, eine Funktion namens „Dekorieren“ zu schreiben, die eine Rückruffunktion benötigt, um Dekorationen zu einem Kuchen hinzuzufügen!
Andere Materialien:
https://www.programiz.com/javascript/callback
https://developer.mozilla.org/en-US/docs/Glossary/Callback_function
Das obige ist der detaillierte Inhalt vonRückruffunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!