JavaScriptの関数に渡される引数について

質問

Yahoo!知恵袋（http://detail.chiebukuro.yahoo.co.jp/qa/question_detail.php?qid=1469303224）に質問したのですが、補足の文字数が少ない上、返信が出来ないため、申し訳ございませんがこちらで質問させていただきます。

ご回答の中で無名関数というのは分かったのですが、やはりどうしても各プロパティの引数の挙動が分かりません。
445行目のEnumerable.each、521行目のinclude等の場合はどうなのでしょうか？

521: include: function(object) {
522: var found = false;
523: this.each(function(value) {
524: if (value == object) {
525: found = true;
526: throw $break;
527: }
528: });
529: return found;
530: },
の場合はEnumerable.include(a)と使うと思うのですが、この場合object=aでしょうがvalueには一体何が入っているのでしょうか？
value==(object=a)の式比較の意味が分かりません。
それまで存在していないのでundefinedとかかなと思うのですが、それでは意味が通じませんので。

445: var Enumerable = {
446: each: function(iterator) {
447: var index = 0;
448: try {
449: this._each(function(value) {
450: iterator(value, index++);
451: });
452: } catch (e) {
453: if (e != $break) throw e;
454: }
455: return this;
456: },
の場合もiterator、valueの引数も分かりませんし、iteratorという関数を無名関数の中で使用しているようですが、自分には挙動がちょっと分かりませんでした。

回答No.2

my-- · ベストアンサー

Prototype JavaScript framework, version 1.5.1
line:669
Array.prototype._each = function (iterator) {
　for (var i = 0, length = this.length; i < length; i++)
　　iterator(this[i]);
};

var arr = [0, 1, 2, 3];
arr._each(function (value) { alert(value); });

_eachメソッドです。
配列（this）要素を順に受け取った関数オブジェクト（iterator）に渡し実行します。
実際のコードとは違いますがEnumerableオブジェクトの各プロパティは後に
Array.prototype他の拡張に使われています。
thisをarrに置き換えれば、valueに何が入るのか分かると思います。

これを踏まえて、下記コードを追ってみて下さい。

Array.prototype.each = function (iterator) {
　for (var i = 0, length = this.length; i < length; i++) {
　　if (iterator(this[i]) === false) break;
　}
};

Array.prototype.include = function (obj) {
　var found = false;
　this.each(function (value) {
　　if (value == obj) {
　　　found = true;
　　　return false;
　　}
　});
　return found;
};

var arr = [0, 1, 2, 3];
arr.include(1); // true

お礼

ありがとうございました。
Array.prototype._eachを見落としていました。

で、他にもgsub()もようやく理解が出来ました。
本当にありがとうございました。

回答No.1

noname#212058

無名関数と 『関数オブジェクトの参照』 を引数に渡す話ですね。
これはどれが、どこで実行されるかを丁寧にほぐさないと、すぐに
迷子になります。

521行目の include
このコードは、ほぐすと以下のようなコードになります。

function include(object) {
　var found = false;
　this.each( 無名関数 );
　return found;
}

function 無名関数(value) {
　if (value == object) {
　　found = true;
　　echo(value);
　　throw $break;
　}
}

注) 無名関数 を include メソッドの外に出してしまうと、object は
　　undifined になってしまいます。わかりやすさを優先してこう書き
　　ましたが、このコードは元のコードとそういう意味で一致して
　　いません。

this.each メソッドに 「無名関数」 というメソッドそのものを入れて
いるのがわかりますね。このとき、this.each メソッドは例えば
以下のように記述されます。

each: function( 引数関数 ) {　　// ← メソッドを引数で受け取る
　引数関数( "あああ" );　　　　 // ← 引数をメソッドとして実行する
}

整理しましょう。

1. include（ a ） を実行する

2. include メソッド内で、this.each メソッドを 「無名関数」 を引数
　 として実行する

3. this.each メソッド内で、引数 「引数関数」 を "あああ" を引数
　 として実行する
　 # this.each の引数は 「無名関数」 メソッドなので、「無名関数」
　 # が "あああ" を引数として実行される

4. 無名関数メソッド内の if (value==object) が実行される。
　 ここまでくれば、value="あああ"、object=a なのはわかりますね。

もうひとつのコードのほうもこれと仕組みは同じです。

関数ポインタは慣れると非常に強力な仕組みなのですが、
コードが読みにくくなるのが難点です。

お礼

ありがとうございました。
ようやく理解が出来ました。
やはりご指摘のとおり、ほぐして考えないと分かりにくかったです。
本当にありがとうございました。