無名関数を実行する方法と注意点

質問

• 無名関数を実行する場合にはセミコロンの有無に注意が必要です。
• セミコロン付きで実行する場合とセミコロンなしで実行する場合がありますが、どちらでもイベントは実行されます。
• また、関数名の後にカッコをつけることで関数を実行できる場合もありますが、この場合は注意が必要です。

回答No.4

Chaire · ベストアンサー

JavaScript の文法を一通り眺めましたか？ 関数にカッコ () を付けると「その場で関数を実行し、戻り値で置き換える」の意味になります。

この場合、
window.onload = init();
は init がその場で実行されて戻り値（なし＝undefined）に変換され
window.onload = undefined;
となります。よほど運が良いのでない限り、これがうまくいくはずありません。

一方、
window.onload = init;
と「実行しないで」セットした場合、load 発生時にブラウザが自動的に init を実行します。あるいは、適当な時点で window.onload() と手動で実行することもできます。

試行錯誤も結構ですが、一通り文法を眺めてからの方が効率が良いと思います。

--
なお、JavaScript の関数は無名だけでなく名前付きのものもあります。関数オブジェクトは名前付き関数の宣言、名前付き関数の式、無名関数の式に分類され、それぞれ特徴があります。まあ、いちいち「無名」関数を強調するのが変なのは同意です。

また、script 要素を head 要素内に書く必要もありません。むしろ、script 要素はブラウザの逐次描画を妨げますので、（@defer を付けないなら）読み込みの遅い外部スクリプトは文書末尾にまとめるべきですし、特定の要素の直前、直後に置いた方が良い場合もあります。

セミコロンに関しては、JavaScript では全ての文の末尾に必要です。ただ、特定の場合に省略できるというだけです。もし将来的にスクリプトの圧縮などを考えているのなら、付ける癖を着けた方が無難です。

お礼

返事が遅れてしまい申し訳ありません。
アドバイスを頂き、感謝します。
まず忠告ありがとうございます。
もう一通りテキストは終わったのですが、仮にinit関数とした場合何故()を付けないのかはずっと疑問でした。
テキストにはさも当然のように書かれていたのでずっと理解できないまま終わって今いました。
回答者様のアドバイスでどうにか理解できた次第です。
ソースコードを書く際にファイルが初めからhead部分とbody部分に分かれて書かれていたのでそのまま鵜呑みにして書いてました。
これからは気をつけます。
それと、セミコロンは付けるようにします。
分かりやすいアドバイス本当にありがとうございました。