Typescript调用泛型类型的静态方法

时间:2016-10-21 08:13:04

标签: generics typescript service static

我有一个服务,我想用它来从JSON返回指定类型构建的对象。

我有一个类MyClass,它实现了一个定义FromJSON静态方法的静态类。

export interface InterfaceMyClass {
    static FromJSON(json: any): any;
}

export class MyClass implements InterfaceMyClass {

    constructor(){}

    FromJSON(json: any): MyClass {
        let instance = MyClass.create(MyClass.prototype);
        Object.assign(instance, json);
        // Some other code specific to MyClass
        return instance;
    }
}

我不知道如何调用我在服务中传递参数的泛型类的静态方法。 我的服务如下:

export class MyService<T extends InterfaceMyClass> {
    getObject() {
        let json = getExternalJson(...);
        return T.FromJSON(json); // <-- How to call static method FromJSON from T class ?
    }
}

我想以这种方式使用该服务:

let service = new MyService<MyClass>();
let myObject = service.getObject(); // <-- Should by an MyClass instance (created by MyClass.FromJSON)

问题: 如何调用此T.FromJSON方法?

加分问题:实现静态方法的好方法是什么?我不认为来自FromJSON的{​​{1}}方法是静态的。如果我在MyClass之前添加静态字,它会告诉我:

FromJSON

1 个答案:

答案 0 :(得分:2)

一些事情:

(1)接口不能有静态声明,例如:

interface MyInterface {
    static myMethod(); // Error: 'static' modifier cannot appear on a type member
}

code in playground

在打字稿中解决这个问题的方法是定义一个构建器/构造函数接口:

interface MyInterface {}

interface MyInterfaceBuilder {
    new (): MyInterface;
    myMethod();
}

(2)通用约束仅在编译时可用,但编译器会删除它们,因为javascript不支持它,例如:

class MyClass<T extends string> {
    private member: T;

    constructor() {
        this.member = new T(); // Error: Cannot find name 'T'
    }
}

编译成:

var MyClass = (function () {
    function MyClass() {
        this.member = new T(); // Error: Cannot find name 'T'
    }
    return MyClass;
}());

code in playground

当查看js输出时,很明显为什么编译器会抛出Cannot find name 'T'错误,因为T无处可寻。

为了解决所有问题,这里有一个解决方案:

interface IMyClass {}

interface IMyClassBuilder<T extends IMyClass> {
    new (): T;
    FromJSON(json: any): any;
}

class MyClass implements IMyClass {
    static FromJSON(json: any) {
        return "";
    }
}

class MyService<T extends IMyClass> {
    private classToCreate: IMyClassBuilder<T>;

    constructor(classToCreate: IMyClassBuilder<T>) {
        this.classToCreate = classToCreate;
    }

    getObject(): T {
        let json = getExternalJson(...);
        return this.classToCreate.FromJSON(json);
    }
}

let service = new MyService(MyClass);
let myObject = service.getObject();

code in playground

相关问题