jqueryの記法について

Question

jQueryを学んでおります。今まで、

$('#box1).on('mouseover',function(){
...

というコードがあったとして、
上記コードの'mouseover',function(){...

のfunction部分は決まりきったものとしてあまり意味を深く考えず、コードを記述しておりました。

ここの'mouseover'に続く、function()について
これはいわゆる、無名関数というものだと解釈をしてよろしいのでしょうか。

また、なぜこのfunction()が必要なのか、いまいちまだわかっていないので、
わかりやすく解説していただけると幸いです。、、

Answer 1

ここの'mouseover'に続く、function()について

これはいわゆる、無名関数というものだと解釈をしてよろしいのでしょうか。

はい。

また、なぜこのfunction()が必要なのか、いまいちまだわかっていないので、

わかりやすく解説していただけると幸いです。、、

ここで与えるコードはその場で実行するわけではなく、mouseoverの条件を満たしたタイミングで呼び出されるものなので、タイミングを変えて実行可能なように関数の中に入れてあります。

Answer 2

>なぜこのfunction()が必要なのか

必ずしも必要ではありません。

jQueryの.on()メソッドの第2引数には関数を渡せばよいので、

function f(){
  //...
}

$('#box1').on('mouseover', f);

のように書くことができます。

あるいは関数式（無名関数）を用いて、

var f = function(){
  //...
}

$('#box1').on('mouseover', f);

と書くこともできます。

ここまでくればお分かりかと思いますが、その関数式をそっくりfの場所に差し込めば、ご質問のコードになります。

$('#box1').on('mouseover', 
  function(){
    //...
  }
);

ご納得いく回答になりますか？

Answer 3

これはいわゆる、無名関数

一般にはコールバック(関数)を無名関数で指定しているということです

なぜこのfunction()が必要なのか

mouseover時になにかさせるためです