awaitを使ってみました。awaitを使ってみました。2019.10.01こんばんは。awaitを使ってみました。(こっちが何かを知りたくて遠回り)コードはnodeを使ってコンソールで実行してみています。前回:[javascript]Promiseを使ってみました。awaitがたくさん付いているファイルを業務で見て、よくわからなかったので調べてみるとjavascriptのpromiseが関係してるみたいだったので、まずはPromiseの挙動を確かめてみました。🧐codelikes.com目次asyncawaitaxiosでテストテストコード参考async関数の頭につけることで、非同期関数を定義できます。これをつけると、定義した関数を呼んで、returnするとPromiseでresolveするのと同様の意味になるようです。helloエラーが関数内で発生(throw)すると、rejectと同様の意味になって、catchに来ます。errorawaitawaitを指定して呼び出した関数はPromiseを返すまで、処理を一時停止します。awaitはasyncされている関数内でしか使えません。30一時停止できてることが確認できました。上記のコードはcalcValueを実行して、それぞれ2をかけたものを2秒後に返して、30になってます。axiosでテスト自分が今回疑問に思ったコードをみてみるとaxiosにawaitが使われていました。axiosの返り値はresolveなので、awaitをつけることで、通信が終わるまで待ってくれるようですね。テストコード実際に待ってくれるのか下記のコードをnodeで実行してみました。console.log("test");}test_await();このコードはwordpressのapiにアクセスしてブログの情報を取ってきてくれます。res.data[n].title.renderedにタイトル文字列が入っているので、それを一覧化しています。実行すると、testの文字列が最後に出力されていることが確認できました。awaitをつけない場合は、最初にtestが出力されて、ブログタイトル一覧が表示されます。参考Qiitaの記事がわかりやすかったです。参考にさせて頂きました。Qiitaはじめに今更ですが、JavaScriptのasync/awaitに関する備忘録になります。「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」「$.Def...qiita.comJavaScriptプログラミングシェアするTwitterFacebookはてブPocketLINEコピーyasuakiをフォローするyasuakiコードライクJavaScriptJavaScriptのisFinite関数の使い方!テストパターン9選!JavaScriptのisFinite関数の使い方について書いています。最初にisFinite関数の使い方について解説しています。その後に、いろいろな値を渡して、動作を確認してみました。isFinite関数の使い方isFinite関数を使う...PythonPythonのin演算子の使い方!サンプルコード6選Pythonのin演算子の使い方について書いています。in演算子を使うことで、if文で下記の型のオブジェクトに指定した値が含まれるか確認することができます。・文字列・リスト・タプル・集合・辞書また、for文で使ったときのinについては、ルー...PHP【PHP入門】例外処理をする方法について!(try/catch)PHPで例外処理をする方法について書いています。PHPの例外処理について、解説やサンプルコードを載せています。載せているサンプルコードは、PHPのバージョン8.1.12を使って、動作を検証しました。公式ドキュメントではこちらに例外について記...Python【Python入門】日付を使う方法まとめ!(フォーマット/比較/計算)Pythonで日付を使う方法についてまとめました。Pythonで現在日付を取得したり、日付を加算・減算するにはdatetimeモジュールを使うと良いです。datetimeモジュールについては、公式ドキュメントのこちらに記載があります。載せて...PythonPythonでファイルの存在を確認する2つの方法!Pythonでファイルの存在を確認する方法について書いています。下記の関数とクラスを使うことで、確認することができます。・isfile関数(os.pathモジュール)・Pathクラス(pathlibモジュール)載せているサンプルコードはPy...Python【Python入門】比較演算子について!サンプルコード6つ!Pythonの比較演算子をまとめてみました。最初にそれぞれの比較演算子について解説して、最後に全ての比較演算子を表にまとめています。載せているソースコードはPythonのバージョン3.11.0で確認しました。公式のこちらに値の比較についての...swiftSwift(iOS)でViewを真ん中に配置する方法!(回転あり)SwiftでViewを真ん中に配置する方法です。この記事ではUIViewを使用して、常に真ん中に配置する方法について書いています。結論としては、Viewのcenterを指定してあげると良いです。回転させた時にも、再度計算して設定してあげると...PHPPHPでファイルを読み込む6つの方法!PHPでファイルを読み込む方法をまとめました。6つの方法でファイルを読み込んでみます。・file関数・readfile関数・file_get_contents関数・SplFileObjectクラス・fread関数・fgets関数fread関...[javascript]Promiseを使ってみました。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Δプロフィールyasuaki福岡でフリーランスをやってます。業界歴13年になりました、SESで働くことがほとんどです。なんでもやってますが、Webが得意です。このブログではプログラミング技術の内容を中心に、たまに商品レビューとかを書いています。目次asyncawaitaxiosでテストテストコード参考Vue.jsの学習におすすめの本を選定!【現役エンジニアが選定】Vue.jsの学習におすすめの本4選!今回はVue.jsの学習におすすめな本を4つ紹介しています。学習に本が必要かも考えてみたので確認してみてください。Vue.jsの学習に本が必要?Vue.jsはJavaScriptでWebアプリケーションのフロントエンドを開発するときに使われ...codelikes.com2022.10.23JavaScriptの学習におすすめの本を選定!【現役エンジニアが選定】JavaScriptの学習におすすめの本5選JavaScriptの学習におすすめの本を選定してみました。最初にJavaScriptはどんなものかと、学習に本が必要かを考えて書いてみました。商品レビューゲーム食レポお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。