Maison  >  Article  >  interface Web  >  Présentation de l'objet Promise d'ES6

Présentation de l'objet Promise d'ES6

坏嘻嘻
坏嘻嘻original
2018-09-14 14:11:181422parcourir

Je suis vraiment enthousiasmé par la nouvelle fonctionnalité dont nous discutons aujourd’hui car c’est la fonctionnalité la plus étonnante d’ES6. ​ ​  

Introduction

L'objet Promise est une solution de programmation asynchrone. La soi-disant promesse est simplement un conteneur qui contient le résultat d'un événement susceptible de se terminer dans le futur.

La promesse contient trois états : en attente, remplie et rejetée.
Effectué de l'attente à l'exécution, ou de l'attente à rejeté.

下面是一个Promise实例的生成

// es5 写法
 const promise = new Promise(function(resolve, reject) {
        if (/*这里填写操作(一般是异步操作)*/) {
            resolve(value);
        } else {
            reject(error)
        }
    })
   // es6 写法,以后默认使用es6语法   const promiseEs = new Promise((resolve, reject) => {        if (/*操作*/) {
            resolve(value);
        } else {
            reject(error);
        }
    })

La partie opération est généralement une méthode asynchrone. La résolution et le rejet sont les méthodes officielles d'es6 pour obtenir le résultat de retour de la partie opération

promise的使用

    promise.then((value) => {        console.log("success" + value);
    }, (error) => {        console.log("error" +error);
    })
La méthode then accepte deux fonctions de rappel comme paramètres. La première méthode est appelée lorsque l'état de l'objet Promise passe de en attente à rempli, et la seconde méthode est appelée lorsque le statut de l'objet Promise passe de en attente à rempli. le statut passe de en attente à rempli. Appelé en cas de rejet.

De plus, la méthode d'utilisation ci-dessus peut être écrite sous une forme similaire à try/catch, et le traitement des rejets est supprimé et placé dans catch.

promise的使用2

    promise.then((value) => {        console.log("success" + value);
    }).catch((error) => {        console.log("error" +error);
    })
Recommandations associées :

Aperçu des nouvelles fonctionnalités des compétences ES6_javascript

Explication détaillée de JavaScript ES6 Generator_Basics dans

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn