無名関数の前後の()について

Question

jQueryで無名関数を括っているカッコと
そのあとにjQueryオブジェクトを括っているカッコは何を表しているのでしょうか？

(function($) { // 実行したい処理 })(jQuery);

Answer 1

これはjQuery特有の構文ではなく、javascript全般で使用可能な構文になります。
用法としては、無名関数を実行するときに主に使用します。

構文の形は、下記のようになります。
(function(引数1, 引数2, ...) { 処理... })(引数1, 引数2, ...);

後ろの()には前の()内の無名関数へ渡す引数を指定します。
質問文の例の場合はjQueryオブジェクトを引数に渡している形になり、
それに対して$という名称で無名関数内で使用しているという形になります。

jQueryの場合は暗黙のルールでjQueryの短縮系が$に指定されているため、
この構文についても、jQueryライブラリでのみ使用できないと思われがちですが、
下記のようなjQueryを使用しない場合でも使用が可能です。

(function(num1, num2) { var sum = num1 + num2; alert(sum); })(2,5);
上記を実行すると7というメッセージでポップアップが表示されます。
実行タイミングはこの文章が呼ばれたタイミングになります。
以下の形で記述することも可能です。

`
add(2,5);

function add(num1, num2) {
var sum = num1 + num2;
alert(sum);
}
`