Inhaltsverzeichnis
Einführung
Heim Web-Frontend js-Tutorial Einführung des Promise-Objekts von ES6

Einführung des Promise-Objekts von ES6

Sep 14, 2018 pm 02:11 PM

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实例的生成

1

2

3

4

5

6

7

8

// 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

1

2

3

4

5

6

// 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

1

2

3

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So verwenden Sie JS und Baidu Maps, um die Kartenschwenkfunktion zu implementieren So verwenden Sie JS und Baidu Maps, um die Kartenschwenkfunktion zu implementieren Nov 21, 2023 am 10:00 AM

So verwenden Sie JS und Baidu Maps, um die Kartenschwenkfunktion zu implementieren

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Dec 17, 2023 pm 06:55 PM

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen

So erstellen Sie ein Aktien-Candlestick-Diagramm mit PHP und JS So erstellen Sie ein Aktien-Candlestick-Diagramm mit PHP und JS Dec 17, 2023 am 08:08 AM

So erstellen Sie ein Aktien-Candlestick-Diagramm mit PHP und JS

So verwenden Sie JS und Baidu Maps, um die Funktion zum Zeichnen von Kartenpolygonen zu implementieren So verwenden Sie JS und Baidu Maps, um die Funktion zum Zeichnen von Kartenpolygonen zu implementieren Nov 21, 2023 am 10:53 AM

So verwenden Sie JS und Baidu Maps, um die Funktion zum Zeichnen von Kartenpolygonen zu implementieren

So verwenden Sie JS und Baidu Map, um die Funktion zur Verarbeitung von Kartenklickereignissen zu implementieren So verwenden Sie JS und Baidu Map, um die Funktion zur Verarbeitung von Kartenklickereignissen zu implementieren Nov 21, 2023 am 11:11 AM

So verwenden Sie JS und Baidu Map, um die Funktion zur Verarbeitung von Kartenklickereignissen zu implementieren

Was macht der neue Operator in js? Was macht der neue Operator in js? Nov 13, 2023 pm 04:05 PM

Was macht der neue Operator in js?

See all articles