ES 6 Promiseオブジェクトの理解と使用
980 ワード
1.理解:*Promiseオブジェクト:将来発生するイベント(通常は非同期操作)を表す*promiseオブジェクトがあり、非同期操作を同期の流れで表現することができ、階層的にネストされたコールバック関数(通称「コールバック地獄」)*ES 6のPromiseはpromiseインスタンスを生成するための構造関数である.promise基本手順(2ステップ):*promiseオブジェクトの作成
*promiseを呼び出すthen()
3.promiseオブジェクトの3つの状態*pending:初期化状態*fullfilled:成功状態*rejected:失敗状態4.適用:*promiseによるタイムアウト処理
*promiseパッケージを使用してajaxリクエストを処理
let promise = new Promise((resolve, reject) => {
// promise pending
//
if( ) {
resolve(value);// promise fullfilled
} else {
reject(errMsg);// promise rejected
}
})
*promiseを呼び出すthen()
promise.then(function(
result => console.log(result),
errorMsg => alert(errorMsg)
))
3.promiseオブジェクトの3つの状態*pending:初期化状態*fullfilled:成功状態*rejected:失敗状態4.適用:*promiseによるタイムアウト処理
*promiseパッケージを使用してajaxリクエストを処理
let request = new XMLHttpRequest();
request.onreadystatechange = function () {
}
request.responseType = 'json';
request.open("GET", url);
request.send();