Detaillierte Analyse von Javascript-Rückruffunktionen (grafisches Tutorial)

In diesem Artikel werden hauptsächlich die relevanten Wissenspunkte der Javascript-Rückruffunktionen und die Analyse von Anwendungscodebeispielen vorgestellt. Freunde in Not können daraus lernen.

In einer Zeit, in der Hochsprachen nacheinander auftauchen, behauptet jede Sprache, dass alles ein Objekt ist, aber als Skriptsprache unterscheidet sich js stark von traditionellen Objekten. Neben dem seltsamen Vererbungssystem von js ist die Callback-Funktion nach Ansicht des Autors eine der faszinierendsten Funktionen Natürlich gibt es keine Wunderwaffe auf dieser Welt, genau wie alle Vorteile, die Sie benötigen, um Ihren Code überflüssig zu machen verwirrend, beeinträchtigt das Seh- und Denkerlebnis von Programmierern

Dieser Artikel ist meine eigene Rezension der Lern-Callback-Funktionen. Meine Erfahrung ist unweigerlich unvollkommen oder sogar falsch. Ich bin bereit, unvoreingenommen zu lernen Verbessere mich.

Das Einzigartigste an JavaScript ist, dass Funktionen erstklassige Bürger sind. Funktionen sind auch Variablen, die zu Parametern anderer Funktionen werden können . Wir nennen sie gerne Callback-Funktionen in js. Darüber hinaus können anonyme Funktionen in js verwendet werden, wodurch Callback-Funktionen einfach zu schreiben sind die C-Sprache---Zeigerzeiger!!! Wichtige Dinge müssen dreimal gesagt werden

Sehen wir uns zunächst die Definition der Rückruffunktion an

In der Computerprogrammierung ist ein Rückruf ein Stück aus ausführbarem Code, der als Argument an anderen Code übergeben wird, von dem erwartet wird, dass er das Argument zu einem geeigneten Zeitpunkt zurückruft (ausführt).

Die Rückruffunktion ist ein Teil des ausführbaren Codes. Codesegment, das als übergeben wird Ein Parameter für anderen Code. Seine Funktion besteht darin, den Aufruf dieses Codes (Rückruffunktion) bei Bedarf zu erleichtern.

Rückruffunktion

  function addSqua(num1, num2, callback){
    var sum = num1 + num2;
    return callback(sum);
  }
  
  function squa(num){
    return num*num;
  }
  
  let num = addSqua(1, 2, squa);    
  console.log(num);
  //=>9

Anonyme Rückruffunktion

Übergeben Sie die anonyme Funktion direkt als Funktionsparameter an die Funktion, was wir im Allgemeinen verwenden Programmierung

function addSqua(num1, num2, callback){
 var sum = num1 + num2;
 return callback(sum);
}
let num = addSqua(1, 2, function squa(num){
 return num*num;
});    
console.log(num); 
//=9

Jede Methode im Array imitieren

Eine Methode ähnlich jeder in Array.prototype hinzufügen

  Array.prototype.myEvery = function (callback) {
   if (typeof callback === 'function') {
    for (let i = 0; i < this.length; i++) {
     if (callback(this[i])) {
      return false;
     }   
    }
    return true;
   }
   return true;
  }
  
  let op = [3, 6, &#39;every&#39;, 9,&#39;each&#39;];
  op.myEvery(function (value) {
   console.log(value);
  })
  // 3
  // 6
  // &#39;every&#39;
  // 9
  // &#39;each&#39;

Callback-Funktionsfunktionen

wird nicht sofort ausgeführt, da die Callback-Funktion als Codefragment bei Bedarf unter ihren spezifischen Bedingungen ausgeführt werden kann Als Parameter einer Funktion wird nur die Funktionsdefinition übergeben und nicht sofort ausgeführt.
Die Einführung von Pfeilfunktionen erfordert beim Schreiben von Rückruffunktionen besondere Aufmerksamkeit. Wenn Sie Pfeilfunktionen in ES6 verwenden Bei der Verwendung dieser Funktion muss darauf geachtet werden, dass es keinen kontextbezogenen Zusammenhang gibt. Wenn Sie interessiert sind, können Sie sich ES6 Ruan Yifeng ansehen, der noch einmal die Vorteile und Verwendungsszenarien des Portals vorstellt
Callback-Funktion Es ist ein Abschluss

Die Callback-Funktion ist eine einfache Verwendung des Abschlusses, was bedeutet, dass sie auf die in ihrer äußeren Ebene definierten Variablen zugreifen kann.

Das Schöne an Rückruffunktionen

DRY, um Duplikate von Code zu vermeiden.
kann allgemeine Logik abstrahieren.
Geschäftslogiktrennung (es ist so schön ^-^ ^-^)
Verbesserung der Wartbarkeit und Lesbarkeit des Codes.
Verbessern Sie die Lesbarkeit des Codes.
Separate dedizierte Funktionen.
Das Tolle an der js-Rückruffunktion ist, dass andere traditionelle Sprachen sie nicht haben. Sie kann die Trennung der Geschäftslogik realisieren, was dem Offenlegen einer Schnittstelle nach außen entspricht Dies ist dem Konzept der Trennung von Front- und Back-End-Schnittstellen in der Architektur sehr ähnlich.

Es gibt keine „Allheilmittel“ auf dieser Welt und es gibt keine einzige Lösung, die alles lösen kann. Da js für die asynchrone Programmierung entwickelt wurde, werden Callback-Funktionen am häufigsten verwendet und sind auch am besten geeignet. Bei umfangreicher Verwendung wird der Code des Programmierers jedoch überflüssig und die Erfahrung ist extrem arm. Es ist einfach eine freudige Sache. Die Menschen haben nie aufgehört, nach ihrem eigenen Komfort zu streben.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So implementieren Sie den Sliding-Puzzle-Bestätigungscode in JS

vue

js中v – Detaillierte Erläuterung der Verwendung von if und v-show

Detaillierte Erläuterung der Schritte zur Implementierung des Rot-Schwarz-Baums mit JS

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse von Javascript-Rückruffunktionen (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!