Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der erweiterten Always-Methodeninstanz von ES6 Promise

Detaillierte Erläuterung der erweiterten Always-Methodeninstanz von ES6 Promise

小云云
小云云Original
2018-01-31 13:28:592148Durchsuche

In diesem Artikel wird hauptsächlich die Always-Methode der ES6 Promise-Erweiterung vorgestellt. Der Herausgeber findet sie recht gut, daher werde ich sie jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

ES6 hat das Promise-Objekt hinzugefügt, das dann im Erfolgsfall und in Catch behandelt wird, wenn es fehlschlägt, aber manchmal müssen wir etwas tun, egal ob es erfolgreich ist oder fehlschlägt, wie zum Beispiel das Ausblenden des Ladevorgangs , Protokolle aufzeichnen usw. Im Folgenden nehmen wir die browserseitige Ajax-Anfrage als Beispiel. Wir verwenden Axios (basierend auf Promise):


axios.get("/").then(()=>{
 //处理逻辑
 ...
 console.log("请求结束")
 hideLoading();
}).catch(()=>{
 console.log("请求结束")
 hideLoading();
})

Code wie Das ist sehr überflüssig. Dieses Mal vermisse ich jQuery jedes Mal ein wenig:


$.get("/").done(()=>{
 //处理逻辑
}).always(()=>{
 console.log("请求结束")
 hideLoading();
})

es6-promise-always ist eine Erweiterung der Funktionen von ES6, wodurch es immer und immer unterstützt wird Gleichzeitig Knoten und Browser unterstützen.

Verwenden

1. Installieren


npm install es6-promise-always --save

2. Einführen und verwenden


require("es6-promise-always")
axios.get("/").then(()=>{
 //处理逻辑
}).always(()=>{
 console.log("请求结束")
 hideLoading();
})

immer (Daten, Fehler)

  • Daten: aufgelöste Daten.

  • Fehler: Daten ablehnen.

Tipps

Keine Sorge, das wird Ihr Programm fett machen! es6-promise-always ist sehr klein. Als ich mit der Umsetzung begann, ging ich immer in die falsche Richtung und stellte fest, dass ich mich verirrt hatte. Github-Adresse: https://github.com/wendux/es6-promise-always

Verwandte Empfehlungen:

Eine kurze Einführung in ES6 Promise

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der erweiterten Always-Methodeninstanz von ES6 Promise. 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