参考サイトはじめに非同期処理を書く時にPromiseを使いがちでasync/awaitを全然使えてない......かたっぱしからPromiseで書いた処理をasync/awaitに書き換えていくことでasync/await力を高めたい環境typescript@3.5.3実践Promiseで書いている非同期処理を、async/awaitに書き換えていきます。Promiseが値を返さないパターンPromiseが値を返さないパターン(Promise<void>)の処理をasync/awaitを使った処理で書き直しました。Promiseで書かれた処理Promise<void>を返すメソッドupdateMemo()をメソッドonSubmit()から呼んでいます。updateMemo()はWebAPI(Firebase)にアクセスしてメモデータの更新処理を実施し、その実行結果をPromiseとしてonSubmit()に返しています。}onSubmit()では、WebAPI(Firebase)からレスポンスが帰ってきた後の処理をthen()の中に書いています。先ほどの処理をasync/awaitで書き直したのが下記となります。awaitを使うことで指定した関数のPromiseの結果が返されるまで処理を待機させることができるため、このように非同期処理を逐次処理のように記述することができます。}Promiseを返すメソッドを呼び出す処理の前にthis.memoService.updateMemo(this.memo);awaitを記載しています。awaitはasyncがついているfunction内でしか使えないので、onSubmit()の前にasyncを追記しました。Promiseが値を返すパターンPromiseが値を返すパターン(Promise<firebase.firestore.DocumentReference>)の処理をasync/awaitを使った処理で書き直しました。先ほどの例と同じような処理ですが、今回はPromiseから値を返しているので、then()内でPromiseの返した値を受け取って処理に使っています。this.registerMemo(this.memo);)が、それだけではなく、Promise内で返された値も受け取ってdocRef変数に代入しています。Promise内でエラーがあった場合はcatch()内に処理が移ります。(6)はてなブログをはじめよう!l08084さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。