2つ以上のJavaScript ES6クラスをインスタンス化して使用する

Question

JavaScript ES6を使用する私は、私のアプリケーションのさまざまな懸案事項を分けたいいくつかのクラスがあります。私はクラスをインスタンス化し、それらを介してメソッドを参照して呼び出すことができるmain.jsファイルを持っています。

私の質問です：これを行うための最高の/標準的な方法は何ですか？私の現在のアプローチは以下の通りです。

main.js では、私はそれは確かに動作します。この

export default class ClassOne { 
    constructor (app) { 
     this.app = app; 
     this.app.two.callMethod(); 
    } 
} 

ような何かを行う二つのクラス

ClassOne.jsで次に

import ClassOne from './ClassOne'; 
import ClassTwo from './ClassTwo'; 

export default class App { 
    constructor() { 
     this.one = new ClassOne(this); 
     this.two = new ClassTwo(this); 
    } 
} 
const app = new App(); 

をインスタンス化するアプリケーションクラスを作成しますが、それはstoopid &それを行うより良い方法はありますか？

Answer 1

私はClassOneとClassTwoでセッターを持つことをお勧めします。そうすれば、ClassOneとClassTwoだけがお互いに依存し、Appのインスタンスには依存しません。

ClassOne.js

export default class ClassOne { 
    setTwo (two) { 
     this.two = two; 
     this.two.callMethod(); 
    } 
} 

ClassTwo.js

export default class ClassTwo { 
    setOne (one) { 
     this.one = one; 
     this.one.callMethod(); 
    } 
} 

main.js

import ClassOne from './ClassOne'; 
import ClassTwo from './ClassTwo'; 

export default class App { 
    constructor() { 
     this.one = new ClassOne(); 
     this.two = new ClassTwo(); 

     this.one.setTwo(this.two); 
     this.two.setOne(this.one); 
    } 
} 

const app = new App();