javascript - Typescript 中的类作为函数参数

Question

在 Angular 2 测试实用程序中，我做了如下操作:

fixture = TestBed.createComponent(EditableValueComponent);

其中 EditableValueComponent 是普通组件类。

我想知道它是如何工作的:

static createComponent<T>(component: Type<T>): ComponentFixture<T>;

因为我想做类似的事情(我想简化一些测试内容):

export class SuperFixture<T>
{  
    fixture: ComponentFixture<T>;
    component: T;

    constructor()
    {         
        this.fixture = TestBed.createComponent(T); // <--- problem here!
        this.component = this.fixture.componentInstance;   
    }
}

问题是:

'T' only refers to a type, but is being used as a value here.'

编辑#1

我是这样解决问题的:

constructor(component)
{
    this.fixture = TestBed.createComponent<T>(component);

但是我还是不知道它是如何工作的..

Answer 1

您仍然需要将实际的类(创建类实例的构造函数)传递到 SuperFixture 的构造函数中。在底层，TestBed.createComponent 使用 new 调用提供的构造函数来创建提供的类的实例。所以 SuperClass 签名可能如下所示:

class SuperFixture<T>
{
  fixture: ComponentFixture<T>;
  component: T;

  // passing in the constructor for instances of T
  constructor(componentConstructor: new () => T)
  {
    this.fixture = TestBed.createComponent<T>(componentConstructor);
    this.component = this.fixture.componentInstance;
  }
}