JavaScript のasync/awaitで再帰呼び出しのような長時間かかる処理の途中経過を表示する方法 - Qiita

1.はじめに javascriptに限らず長い処理をフロントエンドで実行すると画面がフリーズします。長い処理をしながら画面フリーズを回避するいろいろな仕組みがあります。本記事では、javaacriptでPromise,await,asyncを使って、長い処理（例として巡回セールスマン問題を再帰呼び出しで全経路計算）の、処理途中経過をプログレスバーで表示して、ボタンにより処理中の計算を中断するにはどのようにプログラミングすればよいのかを調べてゆきます。 以下の例は都市数を入力すると、総当たりで最短経路を求める計算をフロントエンドだけで実行し、途中経過と最終結果（10都市で10!=約360万経路のパスコスト計算）を表示するコード例です。リンクコストは接続される都市番号の相乗平均としています。どうやって、途中経過を画面に表示させているのかが本記事の主題です。 See the Pen Factor