jQuery で ;(function () ...と、セミコロンで始めることがあるのはなぜか - わからん

追記 たくさん反響があって驚きました。念の為書いておくと、私はこの記事で仕組みを解説しただけで、このようなノウハウに賛成も反対もしていません。追記はここまで。 azu さんのつぶやきで知った、Dangers of anonymous function closures が、例がよいのに説明が少ないので、ここで丁寧に解説します。なぜ、 jQuery で ;(function () ...とセミコロンで始めるコードがあるのかがわかります。 次のサンプルの実行結果を想像して下さい。 var foo = function(bar) { console.log("foo"); return bar; } (function(){ console.log("bar") })(); 結果は "foo bar" を印字します。多くの場合、これは意図しない挙動だと思います。"bar" だけだと思いませんか。

[gfx]

JSLint/JSHint使えば防げるようなミスを奇妙なコーディングスタイルでごまかすのはよくない。しかも結局問題が起こる点を「最後にセミコロン付け忘れ」を「頭にセミコロン付け忘れ」にすり替えただけだし。

[quick_past]

すっごい読みにくいんでjQ使わんで欲しい。。

[kanno_kanno]

この意味を忘れることがあるのでブクマ

[hikohico]

理解

[prometheus3000]

javascriptは;を見つけた時点構文評価しているためにそうなる。昔は;忘れで挙動不審になったので言語側が改善された経緯があるのでは。みんな;がマストだということを忘れている？

[naga_sawa]

即時関数が入ってるときに意図しない動作になる

[asiamoth]

想像力を試されるコードの例です。 書き方を批評している人がいるけれど、「どのような状況で jQuery は使われるか」を考えれば分かるはず。 ていねいに説明している良記事も、読み手で台なしになる。

[site159]

なーるほど　誤動作防止か

[efcl]

腐った別ファイルを読み込んだりして発生することがある。 即時実行関数の誤動作を防ぐためにjQueryプラグインなどで使われてたりする方法の動作原理について解説。

[tfmagician]

ミスを防ぐため、ってことか。頭に付けるほう癖があったほうが忘れないよね。

[grapswiz]

サイ本だとセミコロンの節に書いてある

[tyage]

これは経験あるなあ。。。

[aereal]

セミコロンを殺しておれも死ぬ

[tyru]

えー

[kits]

なるほど。

[supermomonga]

セミコロン書き忘れから起こるバグの防衛策？

[tmf16]

確かにこのケースは起こりそうだ。でも代入なんだから；つけようよ

[warriorking]

jQuery で ;(function () ...と、セミコロンで始めることがあるのはなぜか - わからん

[raimon49]

意図しない実行を未然に防ぐイディオム

[frsh_mt]

なるへ。