async awaitの順序とタイミングの制御

Question

回答ありがとうございました。
問題のある個所がありましたので、内容を削除させていただきました。

Comments

[Lhankor_Mhy]

文法がおかしいような気がしますが、これ、もしかして、オブジェクト初期化子の中にありますか？

[退会済みユーザー]

失礼しました。computed{}やdata{}など記述を諸々省いています。

Answer 1

for文のfetchUserとupdateUserの処理が全て完了してから、init()やopenToast()の処理を実行したい、です。

forの中身を別な関数に切り出しているため、fetchUserやupdateUserが実行されたかどうかとは関係なくforが完了します。

即時関数を介さずに書けば、全部終わってから次の行を実行します。

  for (let i = 0; i < this.userList[i].length; i++) {
      const body = await this.fetchUser(this.userList[i].user_id, i)
      await this.updateUser(body)
  }
// ここでは上のupdateUserまですべて完了している

Comments

[maisumakun]

> for await...ofは使用しないほうがよいとTipsで見かけたため

for await ofは、[Symbol.asyncIterator]を備えたオブジェクトの場合のみ意味を持ちます。ただの配列などに対して使っても、for-ofと同じ動作をするだけです。

[退会済みユーザー]

削除

[退会済みユーザー]

削除

[maisumakun]

> 上記ソースでは前提にあるPOSTのupdateUserが正常に処理できないですよね？

どうしてそう考えましたか？

[退会済みユーザー]

削除

[maisumakun]

> fetchUserの取得が全て完了(ループ)してから、updateUserを処理していませんか？

そうはならないです。 fetchUserとupdateUserを両方awaitしているので、（両メソッドの実装が正しければ）1つのループにつき両方の処理を行ってから次の回に進みます。

[maisumakun]

（fetchUserでthis.$store.dispatchの引数がおかしいようにも見えます）

[退会済みユーザー]

削除

[maisumakun]

> よろしければ気になった点を伺ってもよいでしょうか。

.dispatch('fetchUser'), {user_id: user_id} と、引数になっていない無意味なオブジェクトリテラルが後に付くという謎の形になっています。

[退会済みユーザー]

削除