jQuery内部の処理を知りたい

Question

知りたいこと

javascript上でscrollイベントを記述して実行した際に、実際のjQuery内では具体的にどのような動きが行われているのかを知りたいです。

実装コード

$(function () {
  $('#MainCotent_aaa').scroll(function () {
    var top = 0;
    top = $(this).scrollTop();
    //上記で取得した値によって、これ以降で各種処理を実施
  });
});
コード

jQuery内のソースとの関係で不明なこと。

上のように記述した場合に、まずscrollの内容が実行されると思うのですが、具体的にjQuery側でどのような処理したうえで、こちら側に処理が戻ってきて、自分が書いたコードの処理に移っていくのかが全然わからないです。

開発者ツールでデバッグ実行してみたところ、jQueryの下記の記載部分を示したのですが、

①内部的にどういう風に処理が実行されているかを知りたいです。eachと使われているので何かしら繰り返し処理をしている、ということなのでしょうか？

②この処理が実行される場合に「name」とか「data」とかが渡されているのでしょうか？（それが具体的にどういうものかは全然わかりませんけど）

③スクロールのイベントというのは、スクロールが動いている間はずっと処理される、みたいなことがネットで調べてみたら書いてありましたが、そもそも動いている間ってのが具体的にどこからどこまでなのかがよくわからないです。「eachが使われている間」＝「スクロールバーが動いている間」ということでしょうか？

jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {

	// Handle event binding
	jQuery.fn[ name ] = function( data, fn ) {
		return arguments.length > 0 ?
			this.on( name, null, data, fn ) :
			this.trigger( name );
	};
});

最後に

いろいろ質問させていただきましたが、何かしら情報をお持ちの方がいましたらご教示いただければ幸いです。どうぞよろしくお願いいたします。

Answer 1

上のように記述した場合に、まずscrollの内容が実行されると思うのですが

されません。イベントの登録だけです。

Comments

[maisumakun]

> eachと使われているので何かしら繰り返し処理をしている、ということなのでしょうか？

上に並んでいる「blur focus focusin focusout load resize scroll unload click dblclick」といった各イベント名すべてについて同じ操作を行う、ということです（scrollもその1つです）。

[maisumakun]

> ②この処理が実行される場合に「name」とか「data」とかが渡されているのでしょうか？（それが具体的にどういうものかは全然わかりませんけど）

はい。処理途中にブレークポイントを仕掛ければ、何が来ているか確認できます。

[siebzehn]

maisumakun様
回答ありがとうございます。
＞イベントの登録だけです。
「イベントの登録」というのは、具体的にどういう状態（状況）を言うのでしょうか？

[maisumakun]

すみません、「scrollの内容」を「引数として渡した関数」の意味に解釈していました。

jQuery.fn[ name ] =以下の関数は、.scroll(関数)で実行されます。

[siebzehn]

maisumakun様
回答ありがとうございます。

＞jQuery.fn[ name ] =以下の関数は、.scroll(関数)で実行されます

としますと（自分の解釈が間違っていなければ）、
arguments.lengt、すなわち引数の長さで（０以上で）
「this.on」か「this.trigger」のどちらかを実行するということになりますが、
この引数というのは何に該当するのでしょうか？

scrollを実行しようとして記述してある、
function () {
var top = 0;
top = $(this).scrollTop();
//上記で取得した値によって、これ以降で各種処理を実施
}
この部分全体が引数という扱いなんでしょうか？

[maisumakun]

> この部分全体が引数という扱いなんでしょうか？

はい、関数1つが引数です。

[siebzehn]

maisumakun様
回答ありがとうございます。
おおよそ（おおまか）ではありますが、質問前よりは理解が深まりました。

ちなみに他のイベントの場合は違うのかもしれませんが、
scrollイベントというのはスクロールの間はずっと処理が行われる、
みたいなことが情報としていろいろ出ていますが、
この「ずっと処理が行われる」というのは、「jQuery.fn[ name ] =以下の関数」が
何度も実行される、ということなのでしょうか？
※本題から少しずれているように感じますが、興味本位で聞いております。すみません。。

[maisumakun]

> 「jQuery.fn[ name ] =以下の関数」が
何度も実行される、ということなのでしょうか？

違います。その関数の実行は最初だけで、イベント発生時には引数に渡した関数が実行されます。

[siebzehn]

maisumakun様
回答ありがとうございます。
なるほど、そういうことなのですね。ありがとうございます。
迅速にお答えいただき非常に助かりました。本当にありがとうございました。