Heim > Web-Frontend > js-Tutorial > Detaillierte Erklärung des Versprechensobjekts in Angularjs

Detaillierte Erklärung des Versprechensobjekts in Angularjs

php中世界最好的语言
Freigeben: 2018-03-08 10:24:03
Original
1895 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich, was die Vorsichtsmaßnahmen bei der Verwendung des Versprechensobjekts von Angularjs sind. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Was ist ein Versprechen? Um es zu verstehen, müssen wir mit dem Problem beginnen, mit dem wir konfrontiert sind. Wenn Sie eine asynchrone Ajax-Anfrage ausführen, müssen Sie eine Rückruffunktion hinzufügen, um die Logik zu verarbeiten, nachdem die Anfrage erfolgreich war. Diese Methode geht jedoch zu Lasten des Kontrollflusses, der

Ausnahmebehandlung und kann auch in den Rückruf fallen Bei verschachtelten Funktionen ist der Prozess komplex und der Code aufgebläht. Wenn wir uns in AngularJS mit der asynchronen Verarbeitung befassen, denken wir vielleicht zuerst darüber nach, $watch-Listener zu verwenden, um sie zu implementieren, aber zu viele Listener wirken sich negativ auf die Leistung aus und die Codestruktur wird chaotisch.

Um diese Situation zu lösen, wird in Angularjs das Konzept des Promise-Objekts eingeführt. Genauer gesagt handelt es sich um einen eleganten Modus zur Handhabung der asynchronen Programmierung, der das Problem der

Callback-Funktion langwierig und synchrone Geschäftsprozesse abwickeln. Gleichzeitig ist das Schreiben von Ketten in Rückrufen zulässig. Als nächstes erklären wir die Verwendung von Versprechensobjekten im Detail: Die Grundkonzepte von Versprechen

und Verwendungsmethoden

1 bestellen Um das Konzept des Versprechens anschaulicher zu erklären und mehr über seine Eigenschaften und Methoden

zu erfahren, beschreiben wir es hier anhand eines Beispiels.

Zum Beispiel: Ein Kunde namens A hat ein Unternehmen namens B gebeten, eine WEB-Seite zu entwickeln, und Unternehmen B hat versprochen, diese in drei Tagen fertigzustellen. Bei dieser Implementierung handelt es sich um ein Versprechensobjekt, das im Wesentlichen von Kunde A initiiert wird. Aufgeschobenes Geschäft. In Angular können wir es als den Prozess der Erstellung eines verzögerten Objekts verstehen, indem wir die defer-Methode für das $q-Objekt aufrufen. 2. In den nächsten drei Tagen kann der Kunde mit dem Unternehmen über den Entwicklungsfortschritt kommunizieren. Dies kann als Aufruf der notify-Methode verstanden werden Nachricht zeigt an, dass der Status dieses zurückgestellten Geschäfts „unvollendet oder in Bearbeitung“ ist. Wenn Unternehmen B die von Kunde A entwickelte Seite normalerweise nach drei Tagen liefert, kann dies als Aufruf des < verstanden werden Der Prozess „strong>resolve“ zeigt an, dass der Status dieses aufgeschobenen Geschäfts „abgeschlossen“ ist als Aufruf des zurückgestellten Objekts. Der Prozess der reject

3. Wenn Unternehmen B eine Anfrage von Kunde A erhält, stellt es fest, dass ein zuvor durchgeführtes Projekt vollständig seinen aktuellen Anforderungen entspricht, und beschließt, das ursprünglich abgeschlossene Projekt direkt an Unternehmen B zu übergeben werde auch sehr zufrieden sein. In diesem Fall wird kein verzögertes Geschäft generiert, sodass es als Prozess des Aufrufs der when-Methode über das $q-Objekt verstanden werden kann.

4. Anhand dieses Beispiels können wir an der Gruppe erkennen, dass weder Kunde A noch Unternehmen B viel Zeit miteinander verbringen und der Prozess sehr häufig vorkommt. Dies ist ein wichtiges Merkmal des Versprechensobjekts. Darüber hinaus verstehen wir anhand des Beispiels anschaulich den Erstellungsprozess des Versprechenobjekts. Sowie die Funktionen, die durch die Methoden defer(), notify(), Reject() und when() dargestellt werden.

Jetzt stellen wir den Erstellungsprozess des Promise-Objekts vor. Wenn Sie ein Promise-Objekt in Angular erstellen möchten, müssen Sie zuerst den $q-Dienst in die Vorlage einfügen und zuerst die Defer-Methode aufrufen, um ein verzögertes Objekt zu erstellen. Der Code lautet wie folgt:

Ich glaube, Sie haben es gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Methoden finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

angular.module("a",[])
  .controller("c",["$scope","$q",function($scope,$q){  var defer=$q.defer();
}])
Nach dem Login kopieren

Webschnittstellen-Verwaltungstool

Was soll ich tun, wenn der Text in der ionischen Anwendung nicht angezeigt werden kann? Zum Kopieren oder Einfügen lange gedrückt halten?

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Versprechensobjekts in Angularjs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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