js 2つのAJax非同期操作の後に新しい操作を実行する最良の方法

Question

今日、インタビューで質問がありました。ページ上に 2 つの非同期 ajax 操作がある場合、2 つの非同期操作の実行順序が不明なため、両方の操作が実行された後に新しい操作を実行するにはどうすればよいですか?最善のアプローチは？

そのとき私は方法 1 に答えました。2 つの ajax をネストし、2 番目の ajax の return 関数で新しい操作を実行します。インタビュアーの答え: この方法はあまりにも大雑把です。

そこで私は 2 番目の答えを考えました。タイマー setTimeout を通じてローカル変数を監視し、新しい操作を実行する前に 2 つの非同期操作が完了していることを確認します。インタビュアーの答え: この方法のパフォーマンスは良くありません。もっと簡単で合理的な方法を考えられますか?

当時の考えは失敗に終わりました
そこで、何が最善の方法なのかを知るためにこの質問を立てました。議論やアドバイスを歓迎します

Answer 1

もっと簡単だったら、これを行うにはvueやangularのような双方向でデータをバインドできるjsフレームワークを使用することを選択します