動的に作成された子コンストラクタ関数から親コンストラクタへの呼び出し

Question

更新：コードを回答から更新しました。 @Azamantesに感謝

私は親のオブジェクト/コンストラクタを呼び出してみます。

HTMLコード：

<div style="width:50px; height: 50px; display: inline-block; background-color:red;" id="id0">BoxId0</div> 
<div style="width:50px; height: 50px; display: inline-block; background-color:red;" id="id1">BoxId1</div> 
<div style="width:50px; height: 50px; display: inline-block; background-color:red;" id="id2">BoxId2</div> 
<div style="width:50px; height: 50px; display: inline-block; background-color:red;" id="id3">BoxId3</div> 

Javascriptのコード：

function Child(parent, childID) { 
      var thisReference = this; 
      var parentReference = parent; 

      $(childID).on("click", function() { 
       parentReference.childCallMe(childID); // Gave on click 'TypeError: parentReference.childCallMe is not a function' 
      }); 

      return { 
       getParent() { return parentReference }, 
       getThis() { return thisReference }, 
       getChild() { return childID }, 
      } 
     } 


     function Mother(childrenCount) { 
      var thisReference = this; 
      var children = []; 
      var testText = "test"; 

// Will not work:    
function childCallMe(id) { 
       alert("mohter: " + id); 
      } 
// This will work: 
this.childCallMe = function(id){ alert('mother' + id) }; 

      for(var i = 0; i < childrenCount; i++) { 
       children[i] = new Child(thisReference, '#id' + i); 
      } 

      return { 
       getTestText() { return testText }, 
       getThis() { return thisReference }, 
       getChildren() { return children }, 
      }; 
     }; 
    /* 
     Mother.prototype.childCallMe = function(id) { 
      alert(id); 
      //I need to call a function in Mother 
     }; 
    */ 

     var mother1 = new Mother(4); 

私は別のHTML要素のための「母親回以上再利用します。 「子ども」の数も変化する可能性があります。私は、この文脈をどのように使うべきか明確ではないと思う。 PHPではとても簡単です。 :(

Answer 1

function Child(parent, childID) { 
    var thisReference = this; 

    $(childID).on("click", function() { 
     parent.childCallMe(childID); // Gives 'TypeError: parent.childCallMe is not a function' 
    }); 

    return { 
     getThis() { return thisReference }, 
     getChild() { return childID }, 
    } 
} 


function Mother(childrenCount) { 
    var thisReference = this; 
    var children = []; 

    function childCallMe(id) { 
     alert(id); 
    } 

    for(var i = 0; i < childrenCount; i++) { 
     children[i] = new Child(this, '#id' + i); 
    } 

    return { 
     getThis() { return thisReference }, 
     getChildren() { return children }, 
    }; 
}; 
Mother.prototype.childCallMe = function(id) { 
    alert(id); 
}; 

var mother1 = new Mother(4); 

だから、あなたのコードビットを精製した後、私はあなたが母のクラスのからchildCallMeメソッドを追加していないので、子供はそれを参照してくださいので、エラーではありませんでした気づいた。

ここでは、最も理にかなっている方法は次のとおりです。

function Child(parent, childID) { 
    this.id = childID; 

    $(childID).on("click", function() { 
     parent.childCallMe(childID); // Gives 'TypeError: parent.childCallMe is not a function' 
    }); 
} 


function Mother(childrenCount) { 
    this.children = []; 

    function childCallMe(id) { 
     alert(id); 
    } 

    for(var i = 0; i < childrenCount; i++) { 
     this.children[i] = new Child(this, '#id' + i); 
    } 
}; 
Mother.prototype.childCallMe = function(id) { 
    alert(id); 
}; 

var mother1 = new Mother(4);