MAGAZINE

Twitter
Facebook

今までJavascriptのasync / awaitの使い方が不明瞭だったので勉強を兼ねてサンプルを作りました。

今回はオブジェクトが右側に移動し、その後文字が書き換わるように設定しました。

 

サンプルHTML

 

サンプルJS

動作させるオブジェクトを指定

 

指定オブジェクトを移動させる関数

 

指定したオブジェクトの終了時の場所を指定する関数

 

指定したオブジェクトの文字を変更する関数

 

3つの関数を順番に実行させるasyncファンクション

 

functionを実行

 

 

発生したエラー

[regeneratorRuntime is not defined]
このエラーが出た場合、下記の方法で対応が可能でした

@babel/polyfillをインストール

 

webpack.config.jsのentryに書き加える

このentryは、自分のエントリーファイルに合わせて適宜調整してください