awaitを利用して非同期処理を制御2018-08-27ECMAScript2017で導入された、async/awaitを利用すると、非同期処理を見通しよく書くことができます。ここでは、「async/awaitの使い方」「Promiseとの違い」を解説します。サンプルソースで基本的な使い方を確認まず、以下サンプルソースで動作確認してみます。(今回だとasyncFunc関数)asyncFunc関数の結果を待たずに、3が出力されています。2と出力されています。付けると、非同期処理内部で処理が一時停止されます。async関数の中でのみ使えます。付けた関数が、Promiseの結果を返すまで、一時停止します。IE11では対応していないブラウザごとの対応状況を以下ページで確認できますhttps://caniuse.com/#feat=async-functions利用する場合、Babel等でトランスパイルの対応が必要か確認しておく必要があります。エラー処理の記述がわかりやすいと言われています。どのようにわかりやすいのか確認します。syncFunc2を記述してます。Promiseで利用した場合async/awaitで利用した場合を比較します。1回だけ書かれています。例外をキャッチすることができます。利用することで、非同期処理を同時実行することができます。フロントテストで活用)marked.jsを利用してMarkdownをHTMLに変換わくわくBank.技術系の記事を中心に、役に立つと思ったこと、整理したい情報などを掲載しています。