Heim Web-Frontend js-Tutorial Detaillierte Erläuterung der Verwendung der Rückruffunktion (Callback) in jquery

Detaillierte Erläuterung der Verwendung der Rückruffunktion (Callback) in jquery

Jun 16, 2017 pm 04:41 PM
jquery 使用方法 函数 详解

Als ich selbst Jquery lernte, sah ich ein englisches Wort (Callback) und spürte plötzlich kalten Schweiß auf meinem Rücken. Nach einer kurzen Google-Suche stellte ich fest, dass die ursprüngliche chinesische Übersetzung „Callback“ lautete. Das ist die Callback-Funktion . Ich habe es nicht verstanden, also habe ich die Rückruffunktion gegoogelt und festgestellt, dass die chinesischen Erklärungen im Internet zu „esoterisch“ waren. Ich gab zu, dass ich nicht sehr kompetent war. Nachdem ich ein paar Rückrufbeispiele gelesen habe, scheine ich es ein wenig zu verstehen. Das Folgende ist mein Verständnis der Rückruffunktion. Wenn ich es falsch verstehe, bin ich sehr dankbar.

Beginnen wir zunächst mit der englischen Definition auf der Jquery-Website. Als Chinese fühle ich mich wirklich tragisch. Die Definition eines Rückrufs wird von inländischen „Experten“ interpretiert. Es scheint, dass er nur dann ein Experte ist, wenn er Sie reinbringt. Schwebende Wolken, alles sind schwebende Wolken.

Ein Callback ist eine Funktion, die als Argument an eine andere Funktion übergeben und ausgeführt wird, nachdem ihre übergeordnete Funktion abgeschlossen wurde.

Dies ist die Erklärung in js, ich zähle die Erklärung nicht in anderen Sprachen erklären.

Im wahrsten Sinne des Wortes ist Callback der Aufrufvorgang einer Funktion. Beginnen wir also damit, diesen Aufrufprozess zu verstehen. Funktion a hat einen Parameter, nämlich Funktion b. Wenn Funktion a ausgeführt wird, wird Funktion b ausgeführt. Dann wird dieser Vorgang als Rückruf bezeichnet.

Tatsächlich ist das Chinesische auch leicht zu verstehen: Rückruf, Rückruf, bedeutet Rückruf. Beenden Sie Funktion a im Voraus und rufen Sie Funktion b später auf.

Ein Beispiel aus dem wirklichen Leben: Du schickst deine Freundin nach einem Date nach Hause. Wenn du dich verabschiedest, wirst du auf jeden Fall sagen: „Schick mir eine Nachricht, wenn du nach Hause kommst. Ich mache mir Sorgen um dich.“ ?Dann hat deine Freundin dir tatsächlich eine Nachricht geschickt, nachdem sie nach Hause gekommen war. Junge, du hast eine Chance.

Eigentlich handelt es sich hierbei um einen Rückrufvorgang. Du überlässt deiner Freundin eine Funktion b (und bittest deine Freundin, dir eine Nachricht zu schicken), und dann geht deine Freundin nach Hause. Die Aktion, nach Hause zu gehen, ist Funktion a. Sie muss zuerst nach Hause zurückkehren, den Inhalt von Funktion a und dann Funktion b ausführen, und dann erhalten Sie eine Nachricht.

Eines muss hier klar sein: Funktion b wird in Form eines Parameters an Funktion a übergeben, dann wird Funktion b als Callback-Funktion bezeichnet.

Vielleicht hat jemand Fragen: Muss ich es als Parameter übergeben? Kann ich Funktion b nicht direkt in Funktion a aufrufen? Tatsächlich kann es. Lösen.

die Verwendung der Funktion als Parameter hat die folgenden Vorteile: Wenn Sie a(b) ausführen, wird Funktion b zu einer Callback-Funktion, und wenn Sie auch a(c) ausführen können, wird Funktion c zu einer Callback-Funktion. Funktion. Wenn Sie die Funktion a(){...;b();} schreiben, verlieren Sie die Flexibilität der -Variable . >

Beispiel für das Verständnis:

<html> 
 
<head> 
 
<title>回调函数(callback)</title> 
<script language="javascript" type="text/javascript"> 
function a(callback) 
{    
    alert("我是parent函数a!"); 
    alert("调用回调函数"); 
    callback(); 
} 
function b(){ 
alert("我是回调函数b"); 
 
} 
function c(){ 
alert("我是回调函数c"); 
 
} 
 
function test() 
{ 
    a(b); 
   a(c); 
} 
 
</script> 
</head> 
 
<body> 
<h1>学习js回调函数</h1> 
<button onClick=test()>click me</button> 
<p>应该能看到调用了两个回调函数</p> 
</body> 
 
</html>
Nach dem Login kopieren

Jeder kann die Rückruffunktion verwenden, aber nachdem Jquery sie gekapselt hat, kann nicht jeder sie verstehen Rückruffunktion.

JS Api erklärt dies: Ein Callback ist eine Funktion, die als Argument an eine andere Funktion übergeben und ausgeführt wird, nachdem ihre übergeordnete Funktion abgeschlossen ist.

Natürlich können wir das tatsächlich in JS tun Probieren Sie die Magie der Rückruffunktionen aus.

Wenn Sie es direkt in Funktion a aufrufen, wird die Rückruffunktion eingeschränkt. Die Verwendung von Funktionen als Parameter hat jedoch die folgenden Vorteile: Wenn Sie a(b) ausführen, wird Funktion b zu einer Callback-Funktion, und wenn Sie auch a(c) ausführen können, wird Funktion c zu einer Callback-Funktion. Wenn Sie die Funktion a(){...;b();} schreiben, verlieren Sie die Flexibilität von Variablen. Hier ist der Code:

<!DOCTYPE HTML> 
<html> 
<head>  
<meta charset="GBK" />
<title>回调函数(callback)</title> 
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<script language="javascript" type="text/javascript"> 
    var f;
    function d(){
        alert("我是Jquery定义的函数d");
    }
    var e = function(){
        alert("我也是Jquery定义的函数e");
    }
    
    function a(callback) {    
        alert("我是parent函数a!");   
        d(); 
        if (typeof callback === "function"){
            //alert(callback);
            callback(); 
        }
    } 
    function b(){ 
        alert("我是回调函数b");  
      
        d();
        e();
        f();
    } 
    function c(){ 
        alert("我是回调函数c");   
        d();
        e();
        f();
    } 
    function test1() { 
        a(b); 
    } 
    function test2() { 
        a(c); 
    } 
    $(function(){ 
        f = function(){ 
            alert("我是回调函数f");   
        } 
    });
</script> 
</head> 
<body > 
    <h1>学习js回调函数</h1> 
    <button onClick=test1()>test a(b)</button> 
    <button onClick=test2()>test a(c)</button> 
    <p>应该能看到调用了两个回调函数</p> 
    <p > </p> 
</body> 
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der Rückruffunktion (Callback) in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tipps zum dynamischen Erstellen neuer Funktionen in Golang-Funktionen Tipps zum dynamischen Erstellen neuer Funktionen in Golang-Funktionen Apr 25, 2024 pm 02:39 PM

Die Go-Sprache bietet zwei Technologien zur dynamischen Funktionserstellung: Schließung und Reflexion. Abschlüsse ermöglichen den Zugriff auf Variablen innerhalb des Abschlussbereichs, und durch Reflektion können mithilfe der FuncOf-Funktion neue Funktionen erstellt werden. Diese Technologien sind nützlich bei der Anpassung von HTTP-Routern, der Implementierung hochgradig anpassbarer Systeme und dem Aufbau steckbarer Komponenten.

Überlegungen zur Parameterreihenfolge bei der Benennung von C++-Funktionen Überlegungen zur Parameterreihenfolge bei der Benennung von C++-Funktionen Apr 24, 2024 pm 04:21 PM

Bei der Benennung von C++-Funktionen ist es wichtig, die Reihenfolge der Parameter zu berücksichtigen, um die Lesbarkeit zu verbessern, Fehler zu reduzieren und das Refactoring zu erleichtern. Zu den gängigen Konventionen für die Parameterreihenfolge gehören: Aktion-Objekt, Objekt-Aktion, semantische Bedeutung und Einhaltung der Standardbibliothek. Die optimale Reihenfolge hängt vom Zweck der Funktion, den Parametertypen, möglichen Verwirrungen und Sprachkonventionen ab.

Wie schreibe ich effiziente und wartbare Funktionen in Java? Wie schreibe ich effiziente und wartbare Funktionen in Java? Apr 24, 2024 am 11:33 AM

Der Schlüssel zum Schreiben effizienter und wartbarer Java-Funktionen ist: Halten Sie es einfach. Verwenden Sie eine aussagekräftige Benennung. Bewältigen Sie besondere Situationen. Nutzen Sie entsprechende Sichtbarkeit.

Vollständige Sammlung von Excel-Funktionsformeln Vollständige Sammlung von Excel-Funktionsformeln May 07, 2024 pm 12:04 PM

1. Die SUMME-Funktion wird verwendet, um die Zahlen in einer Spalte oder einer Gruppe von Zellen zu summieren, zum Beispiel: =SUMME(A1:J10). 2. Die Funktion AVERAGE wird verwendet, um den Durchschnitt der Zahlen in einer Spalte oder einer Gruppe von Zellen zu berechnen, zum Beispiel: =AVERAGE(A1:A10). 3. COUNT-Funktion, die verwendet wird, um die Anzahl der Zahlen oder Texte in einer Spalte oder einer Gruppe von Zellen zu zählen, zum Beispiel: =COUNT(A1:A10) 4. IF-Funktion, die verwendet wird, um logische Urteile auf der Grundlage spezifizierter Bedingungen zu treffen und die zurückzugeben entsprechendes Ergebnis.

Vergleich der Vor- und Nachteile von C++-Funktionsstandardparametern und variablen Parametern Vergleich der Vor- und Nachteile von C++-Funktionsstandardparametern und variablen Parametern Apr 21, 2024 am 10:21 AM

Zu den Vorteilen von Standardparametern in C++-Funktionen gehören die Vereinfachung von Aufrufen, die Verbesserung der Lesbarkeit und die Vermeidung von Fehlern. Die Nachteile sind eingeschränkte Flexibilität und Namensbeschränkungen. Zu den Vorteilen variadischer Parameter gehören unbegrenzte Flexibilität und dynamische Bindung. Zu den Nachteilen gehören eine größere Komplexität, implizite Typkonvertierungen und Schwierigkeiten beim Debuggen.

Welche Vorteile haben C++-Funktionen, die Referenztypen zurückgeben? Welche Vorteile haben C++-Funktionen, die Referenztypen zurückgeben? Apr 20, 2024 pm 09:12 PM

Zu den Vorteilen von Funktionen, die Referenztypen in C++ zurückgeben, gehören: Leistungsverbesserungen: Durch die Übergabe als Referenz wird das Kopieren von Objekten vermieden, wodurch Speicher und Zeit gespart werden. Direkte Änderung: Der Aufrufer kann das zurückgegebene Referenzobjekt direkt ändern, ohne es neu zuzuweisen. Einfachheit des Codes: Die Übergabe als Referenz vereinfacht den Code und erfordert keine zusätzlichen Zuweisungsvorgänge.

Was ist der Unterschied zwischen benutzerdefinierten PHP-Funktionen und vordefinierten Funktionen? Was ist der Unterschied zwischen benutzerdefinierten PHP-Funktionen und vordefinierten Funktionen? Apr 22, 2024 pm 02:21 PM

Der Unterschied zwischen benutzerdefinierten PHP-Funktionen und vordefinierten Funktionen ist: Umfang: Benutzerdefinierte Funktionen sind auf den Umfang ihrer Definition beschränkt, während auf vordefinierte Funktionen im gesamten Skript zugegriffen werden kann. So definieren Sie: Benutzerdefinierte Funktionen werden mit dem Schlüsselwort function definiert, während vordefinierte Funktionen vom PHP-Kernel definiert werden. Parameterübergabe: Benutzerdefinierte Funktionen empfangen Parameter, während vordefinierte Funktionen möglicherweise keine Parameter erfordern. Erweiterbarkeit: Benutzerdefinierte Funktionen können nach Bedarf erstellt werden, während vordefinierte Funktionen integriert sind und nicht geändert werden können.

Erweiterte C++-Funktionsausnahme: Angepasste Fehlerbehandlung Erweiterte C++-Funktionsausnahme: Angepasste Fehlerbehandlung May 01, 2024 pm 06:39 PM

Die Ausnahmebehandlung in C++ kann durch benutzerdefinierte Ausnahmeklassen verbessert werden, die spezifische Fehlermeldungen und Kontextinformationen bereitstellen und benutzerdefinierte Aktionen basierend auf dem Fehlertyp ausführen. Definieren Sie eine von std::Exception geerbte Ausnahmeklasse, um spezifische Fehlerinformationen bereitzustellen. Verwenden Sie das Schlüsselwort throw, um eine benutzerdefinierte Ausnahme auszulösen. Verwenden Sie „dynamic_cast“ in einem Try-Catch-Block, um die abgefangene Ausnahme in einen benutzerdefinierten Ausnahmetyp zu konvertieren. Im tatsächlichen Fall löst die Funktion open_file eine FileNotFoundException-Ausnahme aus. Das Abfangen und Behandeln der Ausnahme kann eine spezifischere Fehlermeldung liefern.

See all articles