JS兄弟クラス間でのイベントの受け渡し

Question

私のJSクラスの多くは、私のページを白い背景でカバーする基本モーダルを呼び出します。最近私はいくつかのコードを改訂しようとしましたが、私はそのモーダルを独自のクラスに入れました。私が遭遇した問題は、モーダル変数が登録されていない兄弟クラスからモーダルクラスを呼び出すときです。私はいくつかの人と話をしてきました。彼らは多態性を調べることを勧めましたが、読んだところでは親子関係（拡張の使用）に関係しているようです。私はバニラJSが兄弟と兄弟と授業をやりとりするための簡単な方法があれば興味がありましたか？私はこれがたくさん触れられているが、私は周りを見ていたし、私が必要なものを見つけることができない場合はお詫び申し上げます。

class Modal { 
    constructor(modal){ 
    this.modal = modal; 
    this.closeButton = modal.querySelector('.modal-close-button'); 
    } 

    activate() { 
    this.modal.setAttribute('data-state', 'active'); 
    document.body.setAttribute('data-state', 'inactive'); 
    } 

    deactivate() { 
    this.modal.setAttribute('data-state', 'inactive'); 
    document.body.setAttribute('data-state', 'active'); 
    } 
} 

class Form { 
    constructor(button, modal) { 
    this.button = button; 
    this.formId = button.getAttribute('data-form'); 
    this.modal = modal; 
    this.setEvents(); 
    } 

    setEvents() { 
    this.button.addEventListener('click', this.modal.activate); 
    } 
} 

Answer 1

最も簡単な修正は、あなたが

class Form { 
    constructor(button, modal) { 
    this.button = button; 
    this.formId = button.getAttribute('data-form'); 
    this.modal = modal; 
    this.setEvents(); 
    } 

    setEvents() { 
    this.button.addEventListener('click', e => this.modal.activate(e)); 
    } 
}