ES 6 Promiseオブジェクトの理解と使用

980 ワード

1.理解:*Promiseオブジェクト:将来発生するイベント(通常は非同期操作)を表す*promiseオブジェクトがあり、非同期操作を同期の流れで表現することができ、階層的にネストされたコールバック関数(通称「コールバック地獄」)*ES 6のPromiseはpromiseインスタンスを生成するための構造関数である.promise基本手順(2ステップ):*promiseオブジェクトの作成
    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();