基于现有打字稿的动态类型

Question

对于给定的对象，例如：

class Product {
  constructor(
    public metadata: Metadata,
    public topic: Topic,
    public title = 'empty'
  ) {}
  ...
}

我要创建一个界面：

interface State<T> {
}

这样 TypeScript 可以确保 product: State<Product> 具有与 Product 相同的结构，但其匹配的叶级属性是布尔值。所以product 应该有一个布尔类型的title 属性。

---

我查看了mapped-types 的只读示例，但在这种情况下，我可能需要一个组合：

interface State<T> {
  [p in keyof T]: typeof T[p] === 'object' ? State<T[p]> : boolean;
}

对如何实现这项工作有任何想法吗？

Answer 1

你很接近，你的语法是关闭的，你需要使用type而不是interface，并且typeof T[p] === 'object'写成T[p] extends object

class Metadata {
  constructor(
    public key = 'empty',
    public value = 'empty'
  ) { }
}
class Topic {
  constructor(
    public name = 'empty'
  ) { }
}
class Product {
  constructor(
    public metadata: Metadata[],
    public topic: Topic,
    public title = 'empty'
  ) { }

}

type State<T> = {
  [P in keyof T]: T[P] extends object ? State<T[P]> : boolean
}
let o: State<Product> = {
  title: true,
  topic: {
    name: true
  },
  metadata: [
    { key: true, value: false }
  ]
}

Playground link

Answer 2

使用类型而不是接口：

type State<T> = { [P in keyof T]: boolean };