Typescript - 你如何处理两个接口之间的公共属性？

Question

我有一个 interfaceA1 和 interfaceB 有一些共同的属性

interface A1 {
  id : string,
  version: number,
  data: userData,
  createdBy: string
}

interface userData {
  data: string,
  status: string
}

interface B {
  id : string,
  version: number,
  definition : JSON
}

所以，在interfaceA1和interfaceB之间有一些id，version等属性是通用的

我有一个 interfaceA 类型的变量，具有以下值

let interfaceA1Data: interfaceA1 = {
  id : '123abc',
  version: 1,
  data: {
    data: 'value',
    status: 'value'
  },
  createdBy: 'me'
}

我还有一个 interfaceB 类型的变量，刚刚声明了

let interfaceBData: interfaceB

现在我想将常用属性的值从 interfaceA1Data 复制到 interfaceBData。非通用属性应添加到定义属性中。因此，最终 interfaceBData 将保存以下值。

interfaceBData = {
  id : '123abc',
  version: 1,
  definition: {
    data: {
      data: 'value',
      status: 'value'
    },
    createdBy: 'me'
  }
}

如何在打字稿中实现这一点？

转换器应该是通用的，如果我有一个 interfaceA2，如何转换为 interfaceB 类型。在所有情况下，目标接口都相同，只有源接口不同。

interface A2 {
  id : string,
  version: number,
  value: valueType,
  createdBy: string
}

interface valueType {
  type: string,
  requester: string
}

Answer 1

如果两个接口之间有意重叠，则可能值得将公共属性提取到单独的接口中。例如：

interface Versioned {
  id: string,
  version: number
}

interface userData {
  data: string,
  status: string
}

interface valueType {
  type: string,
  requester: string
}

interface A1 extends Versioned {
  data: userData,
  createdBy: string
}

interface A2 extends Versioned {
  value: valueType,
  createdBy: string
}

现在，您可以像以前一样继续创建“B”接口，只需使用 definition 属性作为 Object 再次扩展 Versioned：

interface B extends Versioned {
  definition: Object
}

...但您可能希望通过将其转换为通用接口来提供额外的严格性，如下所示：

interface Serialized<T extends Versioned> extends Versioned {
  definition: Omit<T, keyof Versioned>
}

现在您可以轻松地为任何扩展版本的类型/接口编写转换器函数，将其转换为序列化的特定形状：

function transformer<T extends Versioned>(
{id, version, ...args}: T): Serialized<T> {
  return {
    id, version,
    definition: {...args}
  }
}

这里是TS Playground link。