Was ist die JS-Rückruffunktion?

In Javascript sind Funktionen erstklassige Objekte, was bedeutet, dass Funktionen wie Objekte mit erstklassiger Verwaltung verwendet werden können. Da Funktionen eigentlich Objekte sind, können sie in Variablen „gespeichert“ werden, als Funktionsparameter übergeben, innerhalb von Funktionen erstellt und von Funktionen zurückgegeben werden.

Da Funktionen erstklassige Objekte sind, können wir Callback-Funktionen in Javascript verwenden. Im folgenden Artikel erfahren wir alles über Callback-Funktionen. Callback-Funktionen sind wahrscheinlich die am häufigsten verwendete funktionale Programmiertechnik in Javascript. Obwohl sie buchstäblich wie ein kleines Stück Javascript- oder jQuery-Code aussehen, sind sie für viele Entwickler immer noch ein Rätsel. Nachdem Sie diesen Artikel gelesen haben, können Sie verstehen, wie Rückruffunktionen verwendet werden.

Callback-Funktion ist ein Konzept, das aus einem Programmierparadigma namens funktionaler Programmierung abgeleitet ist. Einfach ausgedrückt geht es bei der funktionalen Programmierung darum, Funktionen als Variablen zu verwenden. Die funktionale Programmierung war – und wird noch immer – nicht weit verbreitet, da sie früher als Geheimtechnik angesehen wurde, die speziell ausgebildeten Programmierern auf Master-Niveau vorbehalten war.

Glücklicherweise wurde die Technik der Funktionsprogrammierung jetzt vollständig erklärt, sodass normale Leute wie ich und Sie sie problemlos anwenden können. Einer der Haupttricks in der funktionalen Programmierung sind Rückruffunktionen. Im folgenden Inhalt werden Sie feststellen, dass die Implementierung einer Rückruffunktion tatsächlich so einfach ist wie die Übergabe von Parametern an eine normale Funktion. Diese Technik ist so einfach, dass ich mich oft frage, warum sie oft in Kapiteln über fortgeschrittene Javascript-Techniken enthalten ist.

Erklären Sie, was ein Callback oder eine Funktion höherer Ordnung ist

Eine Callback-Funktion, auch Funktion höherer Ordnung genannt, ist eine Funktion, die als Parameter übergeben wird Zu einer anderen Funktion (Hier nennen wir die andere Funktion „otherFunction“) wird die Rückruffunktion in otherFunction aufgerufen. Eine Rückruffunktion ist im Wesentlichen ein Programmiermuster (eine für ein häufiges Problem erstellte Lösung). Daher wird die Verwendung von Rückruffunktionen auch als Rückrufmuster bezeichnet.

Hier ist ein einfaches und häufiges Beispiel für die Verwendung von Callback-Funktionen in jQuery:

/注意到click方法中是一个函数而不是一个变量
//它就是回调函数
$("#btn_1").click(function() {
  alert("Btn 1 Clicked");
});

Wie Sie im vorherigen Beispiel sehen können, haben wir eine Funktion als Parameter an die Click-Methode übergeben. Die Click-Methode ruft die Funktion auf (oder führt sie aus), die wir ihr übergeben haben. Dies ist eine typische Verwendung von Callback-Funktionen in Javascript und wird häufig in jQuery verwendet.

Hier ist ein weiteres Beispiel einer typischen Callback-Funktion in Javascript:

var friends = ["Mike", "Stacy", "Andy", "Rick"];
friends.forEach(function (eachName, index){
console.log(index + 1 + ". " + eachName); // 1. Mike, 2. Stacy, 3. Andy, 4. Rick
});

Beachten Sie noch einmal, dass wir eine anonyme Funktion (eine Funktion ohne Namen) als Parameter an die forEach-Methode übergeben haben.

Bisher haben wir anonyme Funktionen als Argumente an eine andere Funktion oder Methode übergeben. Bevor wir uns weitere praktische Beispiele ansehen und unsere eigenen Rückruffunktionen schreiben, wollen wir verstehen, wie Rückruffunktionen funktionieren.

Das obige ist der detaillierte Inhalt vonWas ist die JS-Rückruffunktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!