Overview ES6 Promisesの仕様で定義されているAPIはそこまで多くはありません。 大きく分けて以下の3種類になります。 Constructor Promiseは XMLHttpRequest のように、コンストラクタ関数である Promise からインスタ ンスとなる promiseオブジェクトを作成して利用します。 promiseオブジェクトを作成するには、 Promise resolve(結果の値) を呼ぶ • 処理結果がエラーなら、 reject(Errorオブジェクト) を呼ぶ この流れに沿っているものを実際に書いてみましょう。 非同期処理であるXMLHttpRequest(XHR)を使いデータを取得するものをPromiseで書 いていきます。 XHRのpromiseオブジェクトを作る まずは、XHRをPromiseを使って包んだような getURL function getURL(URL) { return new Promise(function (resolve, reject) { var req = new XMLHttpRequest(); req.open('GET', URL, true); req.onload = function () { if (req

Overview ES Promisesの仕様で定義されているAPIはそこまで多くはありません。 大きく分けて以下の3種類になります。 Constructor Promiseは XMLHttpRequest のように、コンストラクタ関数である Promise からインスタ ンスとなる promiseオブジェクトを作成して利用します。 promiseオブジェクトを作成するには、 Promise resolve(結果の値) を呼ぶ • 処理結果がエラーなら、 reject(Errorオブジェクト) を呼ぶ この流れに沿っているものを実際に書いてみましょう。 非同期処理であるXMLHttpRequest(XHR)を使いデータを取得するものをPromiseで書 いていきます。 XHRのpromiseオブジェクトを作る まずは、XHRをPromiseを使って包んだような fetchURL function fetchURL(URL) { return new Promise((resolve, reject) => { const req = new XMLHttpRequest(); req.open("GET", URL, true); req.onload = () => { if (200 <= req