Express.js - 通过请求对象内的主体转换接口

Question

我写了一个与 ASP.NET MVC 结构类似的基础，并在我的 github 上发布 (express-mvc)。一切都很好，但我不能在request 对象内投射body 以适应任何界面。

这正是我想要的：

export default interface Post {
    title: string
    body: string
}

import Post from '@models/user'

router.post("/post", (req: Request, res: Response) => {
    const Model: Post = req.body
})

但在运行时没有工作接口，因为 JavaScript 上没有接口。当我使用它时，将在 JavaScript 中输出

const Model;
Model = req.body

这样的话，它会将接口的非成员属性分配给我的变量。

简而言之，我想知道Model 变量中的接口属性。

我正在使用解构来临时解决这个项目中的问题

import Post from '@models/user'

router.post("/post", (req: Request, res: Response) => {
    const { title, body }: Post = req.body

    const Model: Post = <Post>{
        title,
        body
    };
})

你有什么建议

---

用类解决问题

function castByBody<Model>(source: {}, modelProperties: any[]): Partial<Model> {
    const post: Partial<Model> = {};
    for (const key of modelProperties) {
        post[key] = source[key];
    }
    return post;
}

class User {
  public first_name: string = null
  public username: string = null
  public email: string = null
  public password: string = null
  public age: number = null
}

let user = new User() // create new instance
let userProperties: any[] = Object.getOwnPropertyNames(user) // get all properties from instance

const reqBody = { 
  first_name: "afulsamet",
  username: "aful",
  email: "afulsamet@gmail.com",
  password: "333222233",
  title: "member", 
  age: 18 
} // user instance does not have title property

const model: Partial<User> = castByBody<User>(reqBody, userProperties);

console.log(model)

输出将与控制台中的一样

{
  age: 18
  email: "afulsamet@gmail.com"
  first_name: "afulsamet"
  password: "333222233"
  username: "aful"
}

TypeScript playground

Answer 1

这样的话，它会将接口的非成员属性分配给我的变量。

如果你不想这样，那么你就不能使用强制转换（它不是真正的强制转换，在 TypeScript 中它被称为 type assertion）。您必须创建一个新对象。

你可以像你一样使用解构来做到这一点，尽管你可以通过更快地做它来让它感觉不那么笨重（在参数列表中），而且你不需要对其进行类型断言，TypeScript 会看到您分配的内容是可以接受的：

router.post("/post", ({body: { title, body }}, res: Response) => {
    const Model: Post = {
        title,
        body
    };
})

根据类型信息自动执行此操作（无需键入 title 和 body）将需要 TypeScript 提供运行时类型信息，即 currently outside TypeScript's goals（尽管这是一个普遍要求的功能）。

当然，它不必是解构的。你可以有一个属性名称数组（TypeScript 不会给你的东西），可能在类型旁边定义，并使用它来代替：

const PostKeys = ["title", "body"];

然后

router.post("/post", ({body}, res: Response) => {
    const Model: {} as Post;
    for (const key of PostKeys) {
        Model[key] = body[key];
    }
})

甚至可以让它成为一个可重用的函数

function createPost(source: any): Post {
    const post: {} as Post;
    for (const key of PostKeys) {
        post[key] = source[key];
    }
    return post;
}

然后

router.post("/post", ({body}, res: Response) => {
    const Model: createPost(body);
})