javascriptの関数について教えてください。

Question

いつもお世話になります。
javascriptの基本的なことで質問です。
通常javascriptの関数を定義するには、
例えば、以下のようにすると思います。

var kansuu = function (){
  ...
  ...
}

javascriptでよく以下のような記述方法をみます。
functionの前に$をつけるのは、どのような意味が
あるのでしょうか。

<script>
  $(function() {
    ....
    ....
  });
</script>

よくわからないので、おしえていただけないでしょうか。
お願いします。

Answer 1

「$」についてですが
まず、Javascriptの変数名はアルファベットか「_」、「$」で始めることができます。
次に、jQueryというJavascriptの有名なライブラリがあるのですが、そのライブラリ内では
jQueryという変数名のオブジェクトが宣言されており(ライブラリ名と変数名が同じでややこしいですが）
ライブラリ内では

var $ = jQuery

みたいな形で変数「$」に代入されています。
なので、以下のように比較するとtrueが返ります。

console.log($ === jQuery);  // trueがコンソールに表示される。

ここで、jQueryは

var jQuery = function() { ... };

のような感じで関数が代入されていますので、「$」も関数になりますから、以下のコードの(1),(2)は同じ関数を呼んでいることになります。

$(function(){}); // (1)
jQuery(function(){}); // (2)

jQueryという関数はjQeuryの日本語マニュアル(http://semooh.jp/jquery/api/core/jQuery/callback/)を参照すると、引数の関数をDOM構築完了時に実行するイベントを登録し、jQueryオブジェクトを返すようですので、

var kannsu = $(function (){})

のように代入できますが、上記のページに書いてある通り、あんまり使い道はないんじゃないかと思います。

Comments

[UekiKouji]

ご回答ありがとうございます。詳しい説明ほんと助かります。

Answer 2

最初のvarの例で明らかですが、JavaScriptの関数は、変数に代入したり関数の引数や返り値に使ったりができる、第一級関数です。

2番めの例では、関数を$関数への引数としています。おそらくはjQueryというライブラリを使っているパターンで、その場合は$(関数);とすると、「ページのDOMが構築できた段階で関数を実行する」という意味になります。

Comments

[UekiKouji]

追加質問ですいません。２番目の例でもvar kannsu = $(function (){})といったように定義できるのでしょうか。よろしくお願いします。

[UekiKouji]

ご回答ありがとうございます。基本的なことでほんと助かります。