だらだらと書く。
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) => {}); の囲いを外していくといいだろう。