Heim  >  Artikel  >  Web-Frontend  >  Beispiel für eine JS-Rückruffunktion

Beispiel für eine JS-Rückruffunktion

jacklove
jackloveOriginal
2018-06-15 16:30:411959Durchsuche

Als ich js zum ersten Mal lernte, war ich von der Rückruffunktion verwirrt. Jetzt schaue ich zurück und fasse zusammen, was die Rückruffunktion ist.

Schauen wir uns zunächst die englische Definition von Callback an: Ein Callback ist eine Funktion, die als Argument an eine andere Funktion übergeben und ausgeführt wird, nachdem ihre übergeordnete Funktion abgeschlossen ist.

Wörtlich genommen ist die Callback-Funktion ein Parameter. Diese Funktion wird als Parameter an eine andere Funktion übergeben. Dieser Vorgang wird als Rückruf bezeichnet.

Tatsächlich ist es leicht zu verstehen, oder? Rückruf, Rückruf, bedeutet Zurückrufen. Beenden Sie zuerst die Hauptfunktion und rufen Sie dann die später übergebene Funktion auf. Aber ich habe schon viele Blogs gelesen und sie erklären die Callback-Funktion immer vage und tiefgründig.

Nennen Sie ein Beispiel, das andere gegeben haben: Nach dem Date schicken Sie Ihre Freundin nach Hause. Wenn Sie sich verabschieden, werden Sie auf jeden Fall sagen: „Schick mir eine Nachricht, wenn du nach Hause kommst.“ Ich bin sehr glücklich. „Ich mache mir Sorgen um dich.“ Dann hat deine Freundin dir tatsächlich eine Nachricht geschickt, nachdem sie nach Hause gekommen ist. Junge, du hast eine Chance. Tatsächlich handelt es sich hierbei um einen Rückrufvorgang. Sie hinterlassen Ihrer Freundin eine Parameterfunktion (die Ihre Freundin dazu auffordert, Ihnen eine Nachricht zu senden), und dann geht Ihre Freundin nach Hause. Die Aktion, nach Hause zu gehen, ist die Hauptfunktion. Sie muss zuerst nach Hause kommen, die Hauptfunktion wurde ausgeführt und dann die übergebene Funktion ausführen, und dann erhalten Sie eine Nachricht.

Jetzt verstehen Sie grundsätzlich die Bedeutung der Callback-Funktion. Es ist in Ordnung, wenn Sie es nicht verstehen, wir sprechen im Code.

//定义主函数,回调函数作为参数function A(callback) {
    callback();  
    console.log('我是主函数');      
}//定义回调函数function B(){
    setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作  }//调用主函数,将函数B传进去A(B);//输出结果我是主函数
我是回调函数

Im obigen Code definieren wir zuerst die Hauptfunktion und die Rückruffunktion, rufen dann die Hauptfunktion auf und übergeben die Rückruffunktion.

Beim Definieren der Hauptfunktion lassen wir den Code zuerst die Rückruffunktion callback() ausführen, aber das Ausgabeergebnis ist der Inhalt der später ausgegebenen Rückruffunktion. Dies bedeutet, dass die Hauptfunktion nicht warten muss, bis die Ausführung der Rückruffunktion abgeschlossen ist, und weiterhin ihren eigenen Code ausführen kann. Daher werden Rückruffunktionen im Allgemeinen für zeitaufwändige Vorgänge verwendet. Zum Beispiel eine Ajax-Anfrage, z. B. die Verarbeitung von Dateien usw.

In diesem Artikel werden Beispiele für JS-Rückruffunktionen erläutert. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

JS-Vererbungsimplementierung

JS implementiert das Verschieben der mobilen HTML5-Seite nach unten, um das Laden von Inhalten auszulösen

JS steuert das Textfeld, um die Eingabe von Sonderzeichen zu verhindern

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

Stellungnahme:
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