キャッチされない例外TypeError：未定義

Question

のプロパティ「doThings」を読み取ることができません、私は美しくobjの

var nodesArray = []; 

var obj = function(nodeSpan){ 
    this.nodeS = nodeSpan; 

    this.doThings = function(){ 
      console.log(this.nodeS); 
    }; 
} 

が移入されるノードの配列を持って、私はnodeArray

var newObj = new obj(thisIsASpan) ///trust me that's a span 
nodesArray.push(newObj); 
//etc 

に obj年代の多くを置きます

各ノードでmap関数を呼び出し、イベントリスナーを追加します。

Array.prototype.map.call(nodesArray, function(obj, index) { 
     obj.nodeS.addEventListener('click', function(obj, index) { 
       nodesArray[index].doThings(); ////Throws error in title. 
     }); 
}); 

私は気になるスパンの1つをクリックします。

タイトルに間違いがありましたら、私は休憩室を歩いて、次に故障します。

Answer 1

クリックを定義するときにobjとindexを追加しないでください。クリックが発生したときにobjとindexが設定されます。あなたのケースでは、最初の引数はイベントオブジェクトで、2番目の引数は未定義です。なぜなら、クリックには1つの引数しかないからです。

Array.prototype.map.call(nodesArray, function(obj, index) { 
     obj.nodeS.addEventListener('click', function(event) { 
       nodesArray[index].doThings(); 
     }); 
});