Typescript、import、 "new"、コンストラクタ、およびインターフェイス？

Question

問題は、"problematic aspect"の「新しい」キーワードではなく、実際的なアプローチの方が多くあります。

クラス（ES2015）を定義するときに、私のC＃とJavaScriptの考え方と少し戦っています。 C＃では、依存関係注入を使用して、クラスのコンストラクタに依存関係を注入します。 JavaScriptでは、プロトタイプの性質上、コンストラクタに依存性を注入する必要はないことを知りました。あとでユニットテストのためにメソッドを後でモックできるので、importを安全に使うことができます。

したがって、多くのモジュールは、インスタンス化する必要なく、すぐに使用できます。 （ノードモジュールは例です）

私は自分のプロジェクトでTypeScriptを使用しています。ご存じのように、インターフェイスを使用することができます。私が今行ってきたことは、インターフェイスをプロパティとして設定し、それから問題のクラスを設定することです。

class A implements Letter { 
    hello(){ 
     console.log("Hello World"); 
    } 
} 

とそのインターフェース "手紙"：

interface Letter { 
    hello(): void 
} 

それから私が使用するクラス "ブック" を持って、より良い私はクラスAを持っている想像し、言っているものを説明するために

私が言っているアプローチ。

export class Book{ 
    letter : Letter 
    constructor(){ 
     this.letter = A; 
    } 
    Read(){ 
     console.log("We're about to read this chapter!"); 
     this.letter.hello(); 
    } 
} 

そして、それはこのように使用することができます：

import {A} from './a.ts'; 

export class BookVersionJs{ 
    Read(){ 
     console.log("We're about to read this chapter!"); 
     A.Hello(); 
    } 
} 

：

import {Book} from './book' 
let book = new Book(); 
    book.Read(); 

一方、私は、任意のインターフェイスを使用して、それを直接実装していない "BookVersionJs" を持っています

次に、このように使用できます。

import {BookVersionJs} from './BookVersionJs'  
    BookVersionJs.Read(); 

しかし、私はインターフェイスが私に与える "理論的"緩いカップリングを失う。理論的には、JavaScriptがプロトタイプで上書きする可能性があるためです。

実用性に違いがあります。 TypeScript/JavaScriptのどちらを目指すべきですか？それとも、それは意見の問題ですか？

Answer 1

あなたが求めているものを正確に伝えるのは難しいですが、私はあなたのBookの例があなたのBookVersionJsの例よりはるかに多く見えるのは間違いありません。

本を読むことを考えてください。

BookVersionJs

BookVersionJs.Read(); // "I am reading Book" 

ブック

let book = new Book(); 
book.Read(); // "I am reading a Book" 

あなたのオブジェクトは意味的に意味を持たなければならないか、あなたのコードを使用しています誰が非常に混乱してしまいます。

あなたの懸念がテスト可能な場合は、是非、Letterを注入してください。Aは、日常的なコードで使いやすくするためのデフォルトのタイプとして保持し、ユニットテスト中にLetterの異なる実装を提供することができます。

export class Book{ 
    letter : Letter; 
    constructor(letter: Letter = new A()) { // Note: Assign instance of A, not just A. A is a type, not a value. 
     this.letter = letter; 
    } 
    Read(){ 
     console.log("We're about to read this chapter!"); 
     this.letter.hello(); 
    } 
}