Explication détaillée de l'instance de méthode toujours étendue ES6 Promise

Cet article présente principalement la méthode d'extension ES6 Promise Always. L'éditeur pense qu'elle est plutôt bonne, je vais donc la partager avec vous maintenant et la donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

ES6 a ajouté l'objet Promise, qui est géré ensuite en cas de succès, et dans catch en cas d'échec, mais parfois, nous devons faire quelque chose qu'il réussisse ou échoue, comme cacher le chargement , journaux d'enregistrement, etc. Ci-dessous, nous prenons comme exemple la requête ajax côté navigateur. Nous utilisons axios (elle est basée sur Promise) :

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

code comme. ceci, très redondant. À chaque fois cette fois, jQuery me manque un peu :

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

es6-promise-always est une extension des fonctions d'ES6, le rendant toujours supporté, et à en même temps Supporter le nœud et le navigateur.

Utiliser

1. Installer

npm install es6-promise-always --save

2. Introduire et utiliser

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

toujours (données, erreur)

• données : données résolues.

• erreur : rejeter les données.

Conseils

Ne vous inquiétez pas cela fera grossir votre programme ! es6-promise-always est très petit. Lorsque j’ai commencé à mettre en œuvre toujours, je suis allé dans la mauvaise direction et j’ai découvert que j’avais perdu mon chemin. Adresse Github : https://github.com/wendux/es6-promise-always

Recommandations associées :

Une brève introduction à ES6 Promise

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!