ホームページ  >  記事  >  ウェブフロントエンド  >  ES6のPromiseオブジェクトの紹介

ES6のPromiseオブジェクトの紹介

坏嘻嘻
坏嘻嘻オリジナル
2018-09-14 14:11:181382ブラウズ

今日説明する新機能は ES6 で最も素晴らしい機能なので、とても楽しみにしています。

はじめに

Promise オブジェクトは、非同期プログラミングのソリューションです。いわゆる Promise は、将来終了する可能性のあるイベントの結果を含む単なるコンテナです。

Promise には、保留中、履行済み、拒否という 3 つの状態が含まれます。
保留中から完了まで、または保留中から拒否まで実行されます。

以下は 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);
        }
    })

操作部分は一般に、Resolve と Reiject が戻り値を取得するための es6 の公式メソッドです。結果

promise の使用法

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

then メソッドは 2 つのコールバック関数をパラメータとして受け取ります。最初のメソッドは、Promise オブジェクトのステータスが保留状態から変更されたときに呼び出されます。この 2 つのメソッドは、ステータスが保留中から拒否に変わるときに呼び出されます。
また、上記の使用法はtry/catchのような形で書くことができ、rejectされた処理を取り除いてcatchに置きます。
Promise 2の使用

    promise.then((value) => {        console.log("success" + value);
    }).catch((error) => {        console.log("error" +error);
    })

関連する推奨事項:

ES6_javascript スキルの新機能の概要

Generatorの詳しい解説_JavaScript ES6の基礎知識

以上がES6のPromiseオブジェクトの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。