Heim > Web-Frontend > js-Tutorial > Rückruffunktionen

Rückruffunktionen

DDD
Freigeben: 2024-11-04 09:08:30
Original
811 Leute haben es durchsucht

Callback Functions

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ß!

Callback Functions

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!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage