Typescript / Angular：静态类引用作为函数参数

Question

I'm quite new to typescript, and found that mapping an http response to a class was really nifty, like

getMovies(): Observable<Movie[]> {
  return this.http.get<Movie[]>(this.endpoint);
}

returning a populated array of Movie classes (just an example)

That made me attempt to generalize this somewhat, by calling on a hypothetical get method in a parent class, like

// child
getMovies(): Observable<Movie[]> {
  return this.super.get(class_reference_here, this.endpoint);
}

// parent
get(reference: any, endpoint: string): Observable<any> /* or <any[]> ?? */  {
    return this.http.get<reference[]>(endpoint);
}

Is there a way to achieve something like this? Is there a way to populate class_reference_here with something sensible? Does it spit in the face of Typescript? I don't know! Any help is greatly appreciated.

Answer 1

I think you're looking for Generics .

// child
getMovies(): Observable<Movie[]> {
  return this.super.get<Movie[]>(this.endpoint);
}

// parent
get<T>(endpoint: string): Observable<T> {
    return this.http.get<T>(endpoint);
}

Answer 2

I can't see the point of adding an abstraction layer to httpClient or whatever you are trying to do. Nevertheless you should have a look at Generics in Typescript .

function identity<T>(arg: T): T {
  return arg;
}