如何将字符串或类传递给方法来创建实例

我将使用以下方法，它通过向其传递类型来工作，例如obj.addComponent(MyClass)。这很好用。

我尝试修改type参数通过添加| string到它，但它现在给我错误说：

不能将“new”与类型缺少调用或构造签名的表达式一起使用。

无论如何，我是否可以修改它，以便我可以传递类名或类的字符串版本？

这是我所拥有的不起作用的：

public addComponent<T extends Component>(type: ComponentType<T> | string): T {
    let comp;
    comp = new type() as T;
    comp.name = comp.constructor.name;
}

这是它的依赖项：

class Component extends Obj {

}

interface ComponentType<T extends Component> {
    new(): T;
}

我尝试过使用Object.create()，工作正常，但随后我收到一个新错误：

未捕获的类型错误：无法分配给对象“[object Object]”的只读属性“名称”

Edit:

最后我希望能够将以下内容传递给addComponent:

obj.addComponent(MyClass);

Or

obj.addComponent("MyClass");

没有办法在javascript中使用名称来获取类，它没有类似于java的东西ClassLoader.
您可以通过创建自己的机制来解决这个问题，并且可能有很多方法可以做到这一点，但这里有 3 个选项。

(1) 维护组件类的注册表：

const REGISTRY: { [name: string]: ComponentType<Component> } = {};

class Component {}

class MyComponent1 extends Component {}
REGISTRY["MyComponent1"] = MyComponent1;

class MyComponent2 extends Component {}
REGISTRY["MyComponent2"] = MyComponent2;

type ComponentType<T extends Component> = {
    new(): T;
}

function factory<T extends Component>(type: ComponentType<T> | string): T {
    return typeof type === "string" ?
        new REGISTRY[type]() as T:
        new type();
}

(操场上的代码)

如果您采用这种方法，那么我建议REGISTRY一个保存集合的对象，这样您就可以只添加 ctor 并从中获取名称。

有一个变体，那就是使用装饰器：

function register(constructor: typeof Component) {
    REGISTRY[(constructor as any).name] = constructor;
}

@register
class MyComponent1 extends Component {}

@register
class MyComponent2 extends Component {}

(操场上的代码)

(2) 将组件包装在命名空间中（正如 @Shilly 在评论中建议的那样）：

namespace components {
    export class Component {}
    export class MyComponent1 extends Component {}
    export class MyComponent2 extends Component {}

    export type ComponentType<T extends Component> = {
        new(): T;
    }

    export function forName(name: string): ComponentType<Component> {
        if (this[name] && this[name].prototype instanceof Component) {
            return this[name];
        }
    }
}

function factory<T extends components.Component>(type: components.ComponentType<T> | string): T {
    return typeof type === "string" ?
        new (components.forName(type))() as T:
        new type();
}

(操场上的代码)

如果您采用这种方法，那么您需要确保导出所有组件类。

(3)使用eval

class Component {}
class MyComponent1 extends Component {}
class MyComponent2 extends Component {}

type ComponentType<T extends Component> = {
    new(): T;
}

function factory<T extends Component>(type: ComponentType<T> | string): T {
    return typeof type === "string" ?
        new (eval(type))() as T:
        new type();
}

(操场上的代码)

这不是推荐的方法，您可以阅读所有关于缺点的信息在使用eval在很多地方。
但这仍然是一个选择，所以我将其列出。