prototype.jsの無名関数内の "this"に関する質問。それぞれのメソッド

Question

私はこの問題を解決するために何時間も探してきました。私はprototype.js 1.6.0.1を使用してテーブルを作成していますが、.each関数のコンテキストでこのオブジェクトに問題があります。ここにスニペットがあります。

var Table = Class.create({ 
    initialize : function(id) { 
    this.elmnt = $(id); 
    this.rows = []; 
    }, 
    initRows : function() { 
    $A(this._elmnt.tBodies).each(function(body) { 
     $A(body.rows).each(function(row) { 
     //right here is where i would like to call 
     // this.rows.push(row); 
     console.log(this); // prints DOMWindow 
     }); 
    }); 
    } 
}); 

2番目の.each関数の内部にあるように、これはDOMWindowに解決されます。私はthis.rows.push(row)に電話することができるようにしたいと思いますが、 "これ"が期待どおりに解決していないため、できません。

ご協力いただければ幸いです。私は標準（私は0;私は<長さ、私は+ +）ループを行うことができる知っているが、私はこれを少しきれいにしようとしていた。あなたが提供できるガイダンスをありがとう。

Answer 1

あなたに実行している問題はthisがによって操作することができるということであるeach機能

initRows : function() { 
    var self = this; 
    $A(this._elmnt.tBodies).each(function(body) { 
     $A(body.rows).each(function(row) { 
     //right here is where i would like to call 
     self.rows.push(row); 
     console.log(self); // prints DOMWindow 
     }); 
    }); 
    } 

内でこの問題を回避する最も簡単な方法は、initRowsの開始時にthisを保存し、参照することです関数の呼び出し元。コールバックでは、コールバックに関連する要素にthisを設定するのが一般的です。 eachの場合は、値の現在の反復の要素に設定されます。

selfトリックは、にバインドされたとおりにthisを保存してから、その保存された値を繰り返し使用するために機能します。

Answer 2

initRows : function() { 
    $A(this._elmnt.tBodies).each(function(body) { 
     $A(body.rows).each((function(e, row) { 
      e.rows.push(row); 
      console.log(e); 
     }).bindAsEventListener(this, row)); 
    }); 
}