回调中的打字稿泛型

Question

我正在尝试创建一个通用服务，该服务将获取一些远程数据并使用它创建一些对象。

@Injectable()
export class tService<T> {
    private _data: BehaviorSubject<T[]> = new BehaviorSubject([]);
    private url = '...url...';  // URL to web api

    constructor(private http: HttpClient) {    
        this.http.get<T[]>(this.url).subscribe(theThings => {
            theThings = _.map(theThings, (theThing) => new T(theThing));
            this._data.next(theThings);
        });
    }
}

这给了我错误T only refers to type, but is being used as a value here。好没问题。我明白发生了什么。我看到有几个问题询问类似的问题。

例如：

• How to create a new object from type parameter in generic class in typescript?
• TypeScript return object constructed form generic
• Get constructor/instance from generic type in TypeScript

似乎我遇到的任何解决方案要么在某个时候在类中使用硬编码，要么在某处添加 T 的类构造函数。但我不知道该怎么做。我的问题是被实例化的类在构造函数中有参数，而我使用的是 Angular 的 DI 系统，所以我不能（？？？）向服务的构造函数添加参数。

constructor(private playersService: gService<Player>, private alliesService: gService<Ally>) { }

谁能弄清楚我应该在这里做什么？另外，如果可能的话，我希望答案不是某种“黑客”。如果它在做一些几乎不可读的事情和只是复制和粘贴服务几次和更改它所指的类之间做出选择，我会采取第二种选择。

Answer 1

类名既指类类型，也指它的构造函数，这就是为什么你可以写let x: ClassName和new ClasName()。泛型参数只是一种类型（例如，很像接口），这就是为什么编译器会抱怨您将其用作值（预期的值是构造函数）。您需要做的是传递一个额外的参数，该参数将成为T 的构造函数：

export class tService<T> {
    private _data: BehaviorSubject<T[]> = new BehaviorSubject<T>([]);
    private url = '...url...';  // URL to web api

    constructor(private http: HttpClient, ctor: new (data: Partial<T>)=> T) {    
        this.http.get<T[]>(this.url).subscribe(theThings => {
            theThings = _.map(theThings, (theThing) => new ctor(theThing));
            this._data.next(theThings);
        });
    }
}
//Usage
class MyClass {
    constructor(p: Partial<MyClass>) {
        // ...
    }
}
new tService(http, MyClass)

注意构造函数签名的参数可能会根据您的用例而有所不同。

编辑

你提到你不能向构造函数添加参数，泛型（以及一般的所有类型）在我们运行代码时被删除，所以你不能在运行时依赖T，在某个地方，有人会有传入类构造函数。您可以通过多种方式实现这一点，最简单的版本是为每个 T 实例创建专用类，然后注入特定类：

class tServiceForMyClass extends tService<MyClass> {
    constructor(http: HttpClient)  {
        super(http, MyClass)
    }
} 

或者您可以在需要构造函数作为参数的init 方法中依赖构造函数完成工作：

export class tService<T> {
    private _data: BehaviorSubject<T[]> = new BehaviorSubject<T>();
    private url = '...url...';  // URL to web api

    constructor(private http: HttpClient){}
    init(ctor: new (data: Partial<T>)=> T) {    
        this.http.get<T[]>(this.url).subscribe(theThings => {
            theThings = _.map(theThings, (theThing) => new ctor(theThing));
            this._data.next(theThings);
        });
    }
}