Article Outline
Callback時代の関数をPromise化する
TOC
Collection Outline
最新記事
- Next.js 北九州市のイベント情報を取得する
- Next.js × now がやばい
- 競プロ日記 ABC15
- 競プロ日記 ABC159
- Kaggle 住宅価格予測 単回帰分析してみる
- 単回帰分析のFlow
- React Native Styleをいい感じに
- React Movie Search を TS で.
- useRefの使い方がわからん
- Heroku PostgreSQL の使い方
- ラズパイとLEDマトリクスパネルで遊ぶ
- querySelectorAllで取得した要素は配列ではないらしい
- React HookでTodoアプリを作る
- Kaggle 住宅価格予測 重回帰分析してみる
- Kaggle 住宅価格予測 多項式回帰してみる
- Webフロントのすべて
- 新しいMacBook Airが届いた!
- 日向坂46のニュースをスクレイピング
- イコラブのニュースをスクレイピングする!
- 推しのブログをスクレイピング
Callback時代の関数たち
node.jsの標準モジュールにはcallback時代の関数が多数存在します。
例えば fs.writeFile()
https://nodejs.org/api/fs.html#fs_fs_writefile_file_data_options_callback
この関数は第3引数にcallback関数を取ります。
fs.writeFile("path", data, (err) => {
if (err) throw err;
});
ぱっと見は、全然使いやすそうに見えるのですが
例えば
fs.copyFile(, , err => {
fs.chmod(, , err => {
fs.readdir(, , (err, file) => {
...
})
})
})
このように結果を使ってさらに処理したい場合、
どんどんネストが深くなっていきとても見にくくなります。
これを Callback Hell
と言うそうです。
この問題を解決するために、Promiseを使用します。
Promiseはcallbackに変わる非同期処理です。
Promise化する
Promiseを返す関数を作成します。
Promiseには正しく解決したことを表すresolve
と問題が起きたことを表すreject
があります。
よって、callback関数でerr
が存在した場合はreject
それ以外の場合にresolve
を返すように実装します。
import * as fs from "fs";
const writeFileAsync = (file: string, data: string): Promise<void> => {
return new Promise((resolve, reject) => {
fs.writeFile(file, data, (err) => err ? reject(err) : resolve());
});
};
Promiseを返す関数が実装できればこの関数を await するように使うことで非同期の実行を待つことが出来ます。
またtry-catchでrejectの補足も行いましょう。
const main = async () => {
try {
await writeFileAsync(file, data);
} catch (error) { // rejectの補足
console.error(error);
}
};
参考文献
https://techblog.yahoo.co.jp/javascript/nodejs/callback-to-promise/