Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung des Promise-Objekts von ES6

坏嘻嘻
Freigeben: 2018-09-14 14:11:18
Original
1443 Leute haben es durchsucht

Ich bin wirklich begeistert von der neuen Funktion, die wir heute besprechen, denn es ist die erstaunlichste Funktion in ES6. ​ ​  

Einführung

Promise-Objekt ist eine Lösung für die asynchrone Programmierung. Das sogenannte Promise ist einfach ein Container, der das Ergebnis eines Ereignisses enthält, das möglicherweise in der Zukunft endet.

Versprechen enthält drei Zustände: ausstehend, erfüllt und abgelehnt.
Durchgeführt von „Ausstehend“ zu „Erfüllt“ oder von „Ausstehend“ zu „Abgelehnt“.

下面是一个Promise实例的生成

// es5 写法
 const promise = new Promise(function(resolve, reject) {
        if (/*这里填写操作(一般是异步操作)*/) {
            resolve(value);
        } else {
            reject(error)
        }
    })
Nach dem Login kopieren
rrree

Der Operationsteil ist im Allgemeinen eine asynchrone Methode. Auflösen und Zurückweisen sind die offiziellen Methoden von es6, um das Rückgabeergebnis des Operationsteils zu erhalten

promise的使用 Die Methode

   // es6 写法,以后默认使用es6语法   const promiseEs = new Promise((resolve, reject) => {        if (/*操作*/) {
            resolve(value);
        } else {
            reject(error);
        }
    })
Nach dem Login kopieren

then akzeptiert zwei Rückruffunktionen als Parameter. Die erste Methode wird aufgerufen, wenn der Status des Promise-Objekts von „Ausstehend“ in „Erfüllt“ wechselt, und die zweite Methode wird aufgerufen, wenn sich der Status von „Ausstehend“ in „Abgelehnt“ ändert .
Darüber hinaus kann die obige Verwendungsmethode in einer ähnlichen Form wie Try/Catch geschrieben werden, und die Verarbeitung von Rejects wird entfernt und in Catch platziert.
promise的使用2

    promise.then((value) => {        console.log("success" + value);
    }, (error) => {        console.log("error" +error);
    })
Nach dem Login kopieren

Verwandte Empfehlungen:

Übersicht über neue Funktionen von ES6_Javascript-Fähigkeiten

Detaillierte Erklärung von JavaScript in ES6 Generator_Grundkenntnisse

Das obige ist der detaillierte Inhalt vonEinführung des Promise-Objekts von ES6. 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