window.onload 内の処理と外の処理の読み込まれる順番がいまいち分からない

Question

htmlファイルが読み込まれた後にjavascriptファイルのwindow.onload内のコードが最初に処理されると認識していますが、ならばこのイベントの外にあるコードはどのタイミングで呼び出されるのでしょうか
e.g.

var a=tomato;

window.onload = function(){
b();
}
例えば、関数bに変数aが含まれているとしたら、変数aは順番としてまだ定義されていないのでエラーになるのではないでしょうか。(実際にエラーは起きませんでした)

Comments

[yambejp]

最低限動作するソースを提示ください

Answer 1

htmlファイルが読み込まれた後にjavascriptファイルのwindow.onload内のコードが最初に処理されると認識していますが

この認識自体が誤りです。普通のコードは、読み込まれるのと同時に実行されますので、onloadの実行タイミングはかなり遅いです。

Comments

[maisumakun]

onloadは、画像まで含めて全部揃ってから実行されます。

Answer 2

window.onload内のコードが最初に処理される

いえ、loadするのを待って実行するので、グローバルに書いた処理が先に実行されます

window.addEventListener('pageshow', (e)=>{
  console.log(e.type);
});
window.addEventListener('load', (e)=>{
  console.log(e.type);
});
window.addEventListener('DOMContentLoaded', (e)=>{
  console.log(e.type);
});
console.log("first");