打字稿类，接口和泛型

Question

我正在编写Project和User这两个类，每个类都有一个find方法，需要调用api rest调用

尝试＃1

class Project {
  find(params) { 
    return request({url: "/api/Project", qs: params});
  }
}

class User {
  find(params) { 
    return request({url: "/api/User", qs: params});
  }
}

现在，这显然不是很好；）没有检查参数，没有定义类型，重复代码等

尝试＃2

class Base {
  constructor(private name:string) {
  } 

  find(options) { 
    return request({url: `/api/${this.name}`, qs: params});
  }
}

class Project extends Base{
  constructor() { super("Project"); }
}

class User {
  constructor() { super("User"); }    
}

因此，略胜一筹。 减少代码重复。 仍然没有类型检查。 救援接口;）

尝试＃3

interface IParams { token: string } 

class Base {
  constructor(private name:string) {
  } 

  find(params:IParams) { 
    return request({url: `/api/${this.name}`, qs: params});
  }
}

class Project extends Base{
  constructor() { super("Project"); }
}

class User extends Base {
  constructor() { super("User"); }    
}

这是我开始遇到一些问题的地方。 Project和User api params对象都需要token属性。 但是，它们还需要设置userDd和projectId

目前，我需要将两者都添加到IParams接口中，这似乎是错误的。

尝试＃4

interface IUserParams { userid:number, token: string } 
interface IProjectParams { projectid:number, token: string } 

interface IProject {
   find(params:IProjectParams)
}

interface IUser {
   find(params:IUserParams)
}

class Base {
  constructor(private name:string) {
  } 

  find(params) { // I have no idea on how to "type" params
    return request({url: `/api/${this.name}`, qs: params}); // likewise no idea on how to type the return value
  }
}

class Project extends Base implements IProject {
  constructor() { super("Project"); }
}

class User extends Base implements IUser {
  constructor() { super("User"); }    
}

但是，这无济于事：因为基类定义了find方法，编译器如何才能验证是否为用户， userid和token传递了-此外，也没有其他参数传递给项目，同样对于项目也是如此

这也使我开始思考find方法的返回值：对于项目，我需要IPromiseModel数组，对于用户，则是IUserModel

我尝试更改IProject接口以读取

interface IProject {
    find(params:IProjectParams):Promise<IProjectModel[]>
}

但我仍然可以将任何属性传递给params -即我可以

Project.find({token: "1234",foobar:true})

我怀疑这是因为我没有在Base查找中为参数定义类型

我知道泛型必须在其中起作用，但是对我而言，我无法获得符合这些要求的定义

我正在使用打字稿2.2.2

Answer 1

使用泛型，您可以执行以下操作：

interface IParams { token: string }
interface IUserParams { userid:number, token: string }
interface IProjectParams { projectid:number, token: string }

class Base<TEntity, TParams extends IParams> {
    constructor(private name:string) {
    }

    find(params: TParams): Promise<TEntity[]> {
        return request({url: `/api/${this.name}`, qs: params});
    }
}

class Project extends Base<Project, IProjectParams> {
    constructor() { super("Project"); }
}

class User extends Base<User, IUserParams> {
    constructor() { super("User"); }
}

new User().find({
    userid: 123,
    token: 'test'
});

基类TParams extends IParams的约束在这里TParams extends IParams是可选的，因为您没有显式访问令牌属性。