「$(function() { });」と「(function() { })();」の違い

Question

タイトルの通りですが、両者にはどんな違いがあるのでしょうか？？（jQuery)

また、もう一つ疑問に思っていることがあるのですが、
特にイベントを起こしたいわけじゃない処理の変数をローカルにしたい時って
どういう風な記述にすればローカル変数にすることができるでしょうか？
※$(function() {});を２つにすればよいかと思うのですが、それ以外に方法があれば
教えていただきたいです。

処理内容に特に意味はありません。
$(function()  {
　var hoge = hoge;
　$('.hoge').removeClass();
　
　$('.foo').on('click',function() {
　　$('.foo').removeClass();
　});
　
　var geho = $('.geho');
　geho.removeClass();
});

よろしくお願い致します。

Answer 1

前者はjQueryの関数で、後者は即時関数です。引数の関数が実行されるタイミングが違います。
前者はDOMContentLoadedか、もしDOMContentLoadedイベントが起こっていたら即時。
後者は書いた位置で即時。

【DOMContentLoaded - Web 技術のリファレンス | MDN】
https://developer.mozilla.org/ja/docs/Web/Reference/Events/DOMContentLoaded

【即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）】
http://analogic.jp/immediate-function/

Comments

[frtnew]

ありがとうございます！
理解できました

Answer 2

すでにkei344さんからまっとうな回答はあがっているので
具体例だけ

console.log(1);
$(function(){
  console.log(2);
});
(function(){
  console.log(3);
})();
do{
  console.log(4);
}while(false);
console.log(5);

このなかで2だけが即時ではないので最後に実行されます