'this'変数を使用するクラスとサブクラス

Question

クラスのインスタンスを参照するように、クラスメソッドを要素にアタッチしようとしています。

//例

class Default{ 
    constructor(){ 
     this.parent = null 
    } 

    assemble(){ 
     var form = document.createElement('form'); //CREATE FORM ELEMENT 
     var btn = document.createElement('button'); //CREATE BUTTON ELEMENT 
     this.parent = form; //DECLARE PARENT (CONSTRUCTOR) 
     btn.type = 'button'; 
     btn.innerHTML = 'click me'; 
     btn.addEventListener('click',this.submit); 
     form.appendChild(btn); 
     return form; 
    } 
} 

class Form extends Default{ 
    submit(){ 
     console.log(this.parent); //should return instantiated form value for property parent but doesn't (undefined) 
     console.log(this); //returns reference to the button element itself not the class (Form) 
    } 
} 

//

var route={ 
    init:()=>{  
     var form = new Form(); 
     var formBuild = form.assemble(); 
     document.body.appendChild(formBuild); 
    } 
}; 
document.addEventListener('DOMContentLoaded',route.init); 

質問CALLED：なぜボタン要素自体ではなくインスタンス化されたクラスを返すFormクラスのメソッドsubmit()があるの？

Answer 1

class Default{ 
    constructor(){ 
     this.parent = null 
    } 

    assemble(){ 
     var form = document.createElement('form'); //CREATE FORM ELEMENT 
     var btn = document.createElement('button'); //CREATE BUTTON ELEMENT 
     btn.parent = form; //DECLARE PARENT (CONSTRUCTOR) 
     btn.type = 'button'; 
     btn.innerHTML = 'click me'; 
     btn.addEventListener('click',this.submit); 
     form.appendChild(btn); 
     return form; 
    } 
}