ページ遷移後、JSの後続処理はどうなるのか？

Question

すごく初歩的な質問だと思うのですが、
自分なりにネットで調べてみてもきちんと書かれているものが見つけられませんでした。

下記のようなコードを実行した際、ページ遷移後の処理はどうなるのでしょうか？
強制終了されるのでしょうか？
それとも目には見えないところでずっと最後まで実行されるのでしょうか？
また、その仕様はブラウザや端末によって異なったりするのでしょうか？

function start() {
  var i = 1;
  var timer = setInterval(function(){
    console.log("ループ"+i+"回目");
    if (i == 15) {
      //15回目のループでページ遷移する
      location.href="https://www.google.co.jp/";
    }
    if (i >= 50){
      console.log("ループ終了");
      clearInterval(timer);
    }
    i++;
  },500);
}

ご存じの方がいらっしゃいましたら、ご教示いただければ幸いです。

Answer 1

ブラウザのタブを閉じたときと同じで、遷移した時点で遷移前のJavaScript実行は打ち切られます。

それとも目には見えないところでずっと最後まで実行されるのでしょうか？

「入出力も何もないまま実行している」というのは、完全に無駄なだけなので、そのような実装をしているブラウザはおそらく存在しないと思われますし、あったとしても感知もできないので考慮の必要はありません。

Comments

[flaumig]

ご回答ありがとうございます。
おそらくそうだろう、とは考えておりましたがそれを裏付ける記述が見つけられなかったためご回答頂けて安心致しました。

Answer 2

chrome、firefoxに内蔵されているデベロッパーツールのコンソールを見るのが一番分かりやすいですが
ページ遷移した時点で処理は終了になります。

Comments

[flaumig]

ご回答ありがとうございます。
chromeのコンソールで確認してみましたが、ページ遷移のタイミングでログが出なくなるので、ゾンビプロセスのように実は裏で生きてる…ということはないだろうか？と思い質問させていただきました。
ご回答頂けて安心しました。