ベースクラスを拡張してTypescriptでそれを挿入する

Question

私は角4のアプリケーションで作業しています。私はhtpInterceptor Typescriptの一般的なGET、POST、およびDELETE関数を持つ基本サービスクラスを持っています。私はすべての角度のあるサービスにこの基本クラスを使用したい。今、私はこの基本サービスをすべてのサービスに注入するべきかどうか、またはすべてのサービスクラスをこの基本サービスクラスで拡張すべきかどうかはわかりません。これら二つのアプローチの違い（長所と短所）とは何である

私が使うべき、 export class AuthService extends HttpInterceptorService OR constructor(private _interceptor:HttpInterceptorService) { }

。続き

は、あなたが角度のDIに頼る輸入サービスでは

@Injectable() 
export class HttpInterceptorService { 

    constructor(private _http: Http) { } 

    get<T>(relativeUrl: ApiUrl): Observable<T> { 
     const baseUrl = environment.apiBaseUrl + environment.apiLearnerUrl; 
     let apiUrl = baseUrl + relativeUrl.toString(); 
     return this._http.get(apiUrl).map(res => <T>res.json()); 
    } 
    post<T>(relativeUrl: ApiUrl, inputData: any): Observable<T> { 
     const baseUrl = environment.apiBaseUrl + environment.apiLearnerUrl; 
     let apiUrl = baseUrl + relativeUrl.toString(); 
     if (inputData === undefined) { 
      return this._http.post(apiUrl, undefined).map(res => <T>res.json()); 
     } 
     else { 
      return this._http.post(apiUrl, inputData).map(res => <T>res.json()); 
     } 

    } 

    delete<T>(relativeUrl: string): Observable<T> { 
     const baseUrl = environment.apiBaseUrl + environment.apiLearnerUrl; 
     let apiUrl = baseUrl + relativeUrl; 
     return this._http.delete(apiUrl).map(res => <T>res.json()); 
    } 
} 

Answer 1

賛否両論はケースによります。しかし、上記のコードは、古典的な構成対継承のジレンマです。一般的には、推奨方法はcomposition over inheritanceです。

この場合、HttpInterceptorServiceは、Httpの拡張置換として機能することが期待されます。したがって、Httpの代わりにをに注入する必要があります。

AuthServiceが（例えば、既存の方法をラップし、認証ヘッダーを追加）HttpInterceptorServiceを実装し、その機能を拡張することになっている場合、それはなければならないがHttpInterceptorServiceからを継承しました。

Answer 2

、私のベースのサービスクラスである、あなたはそれを含めてどのレベルを決定します。

extendsを使用すると、ネイティブのES6構文が使用されるため、移植性が向上します。

だから、それはあなたのコードをAngular外で使うかもしれないと思いますか？

また、親クラスを呼び出すすべてのコンストラクタでsuper()を呼び出す必要があります。これはあなたが気にするならば、角度のように感じることはありません...