泛型获取类名

Question

我有一个通用函数，我想获取传入的类的名称。

public addComponent<T extends Component>(): Component {
    comp = new Component() as T;
    comp.name = T.constructor.name;
    console.log(comp.name);
    return comp;
}

然后说我这样称呼它：

obj.addComponent<MyClass>();

然后，我希望日志显示“ MyClass”。 但是目前我收到一条错误消息：

找不到名称“ T”。

Answer 1

无法做到这一点。

T在运行时不存在，仅用于编译，并且编译器会删除T（以及类型），因此生成的javascript如下：

class MyFactory {
    public addComponent<T extends Component>(): Component {
        let comp = new Component() as T;
        comp.name = T.constructor.name;
        console.log(comp.name);
        return comp;
    }
}

方法是：

var MyFactory = (function () {
    function MyClass() {
    }
    MyFactory.prototype.addComponent = function () {
        var comp = new Component();
        comp.name = T.constructor.name;
        console.log(comp.name);
        return comp;
    };
    return MyFactory;
}());

如您所见，js代码没有泛型签名，因此没有T的定义，因此T.constructor导致您收到错误。

如果您希望该方法通过传递类来创建类的实例，则它应类似于：

interface ComponentConstructor<T extends Component> {
    new(): T;
    name: string;
}

class Component {
    name: string;
}

class MyComponent extends Component {}

class MyFactory {
    public addComponent<T extends Component>(ctor: ComponentConstructor<T>): Component {
        let comp = new ctor();
        comp.name = ctor.name;
        console.log(comp.name);
        return comp;
    }
}

let factory = new MyFactory();
let obj = factory.addComponent(MyComponent as ComponentConstructor<MyComponent>);

（ 操场上的代码 ）