JavaScriptのPromiseを説明しようぜ☆（＾ｑ＾）

だらだらと書く。

async/await を使えだぜ。Promise を簡単にしたやつだぜ。
だが レガシーのリプレースマンは両方知っておく必要があるはめになる。 async/await、Promise の両方を説明する。

コードは試してないが　思い出して書くと、

let promise = new Promise((resolve, reject) => {
    resolve();
});

こんな感じで Promise オブジェクトを作る。すると、

// パターン１
promise
.then(() => {
},
err => {
});

と書くか、

// パターン２
promise
.then(() => {
})
.catch(err => {
});

といったように書いて使う。

• パターン１は　then に対応したエラー処理を書きたいとき。
• パターン２は　エラー処理を１回で済ませたいとき。

につかう。エラーは reject(new Error('エラーメッセージ')); のように書いて使う。

まだ続く。

thenチェーン

promise
.then(() => {
    return new Promise((resolve, reject) => {
        resolve();
    });
})
.then(() => {
})
.catch(err => {
});

.then の中で プロミスを返すと、.then の返り値は Promise なので
.then をつなげることができる。

Promiseコンストラクターの引数に渡しているコールバック関数は、
制御が抜けてもブロックしていて、resolve() か、 reject() が実行されるまで
ブロックしている。

resolve()の引数は、.thenのコールバック関数の引数に渡される。

promise
.then(() => {
    return new Promise((resolve, reject) => {
        // ここで引数を１つだけ渡せる。オブジェクトにするとお得。
        resolve({
            name: 'わはは',
            age: 49
        });
    });
})
// resolve で渡された内容はこの result に入っている。
.then((result) => {
    console.log('name: ' + result.name + ' age: ' + result.age);
})
.catch(err => {
});

こんな気分。

プロミスの配列をイテレートする。

Promise.all() 関数と、 Promise.race() 関数がある。はしょって all の方だけ説明する。

let promiseArray = [];
// promiseArray 配列に、豪快に Promise をいっぱい追加するとする。

Promise.all(promiseArray)
.then((resultArray) => {
    // promiseArray が全部終わったらここにくる。
    // resultArray は、プロミスの配列。promiseArray と同じ順序で入っている。
})
.catch(err => {
});

１００個ぐらい SQL叩きたいときとか、 .then を 100個もつなげたくないんで、
Promise.all() を使えだぜ。 all の返り値も Promise。

async/await の使い方。

• 条件1. await を使っている関数の頭には async とつける。

### 例1
async function () {
    let returns = await func1();
}

### 例2
async () => {
    let returns = await func1();
};

頭に async を付けた関数は Promise インスタンスを返すようになる。つまり、

### これと
async () => {
    return 'あいうえお';
};

### これは 同じ。
() => {
    return new Promise((resolve, reject) => {
        resolve('あいうえお');
    });
};

async の方が見やすいぜ。

• 条件2. Promise オブジェクトの頭には await を付けれる。

### 例。
let returns = await new Promise ((resolve, reject) => {
    return 'あいうえお';
});

### 以下のコードと同等。
new Promise ((resolve, reject) => {
    resolve('あいうえお');
})
.then((returns) => {
});

await は、 .then( ) の代わりをする。

• 条件3. reject(err); の代わりに throw err; を使う。

### 例
try {
    let returns = await new Promise ((resolve, reject) => {
        if (/*エラーが起こった時*/) {
            throw new Error('エラー');
        } else {
            return 'あいうえお';
        }
    });
} catch (err) {
    /* エラー処理 */
}

### 下のコードと同等。
new Promise ((resolve, reject) => {
    if (/*エラーが起こった時*/) {
        reject('エラー');
    } else {
        result('あいうえお');
    }
})
.then((returns) => {
})
.catch((err) => {
    /* エラー処理 */
})
;

try - catch 構文の方が、ネストが少なく見やすい。

• resolve(x); の代わりに return x; を使うが、ただし、関数を抜けるときの暗黙の return はブロックしないので　制御が抜け落ちてしまう。 これを防ぐには、
  関数の中の非同期部分を全部 await に書き換えたタイミングで new Promise((resolve,reject) => {}); の囲いを外していくといいだろう。