将Typescript接口中的所有属性设置为可选

Question

我的应用程序中有一个接口：

interface Asset {
  id: string;
  internal_id: string;
  usage: number;
}

这是后界面的一部分：

interface Post {
  asset: Asset;
}

我还有一个用于后期草稿的接口，其中资产对象可能只是部分构建的

interface PostDraft {
  asset: Asset;
}

我希望允许PostDraft对象具有部分资产对象，同时仍然检查属性的类型（因此我不想用任何替换它）。

我基本上想要一种能够生成以下内容的方法：

interface AssetDraft {
  id?: string;
  internal_id?: string;
  usage?: number;
}

而无需完全重新定义Asset接口。有办法做到这一点吗？如果不是，在这种情况下安排我的类型的明智方法是什么？

Answer 1

接口中的属性要么是可选的，要么不是，你不能使用同一个接口一次作为可选，一次作为必须。

您可以做的是拥有一个包含 AssetDraft 可选属性的接口，然后是一个具有资产必需属性的类：

interface AssetDraft {
    id?: string;
    internal_id?: string;
    usage?: number;
}

class Asset {
    static DEFAULT_ID = "id";
    static DEFAULT_INTERNAL_ID = "internalid";
    static DEFAULT_USAGE = 0;

    id: string;
    internal_id: string;
    usage: number;

    constructor(draft: AssetDraft) {
        this.id = draft.id || Asset.DEFAULT_ID;
        this.internal_id = draft.internal_id || Asset.DEFAULT_INTERNAL_ID;
        this.usage = draft.usage || Asset.DEFAULT_USAGE;
    }
}

此处的默认值是静态成员，但您可以通过其他方式获取这些值，或者在缺少它们时引发错误。

当处理从服务器接收的json(或类似的东西)时，我发现这种方式非常方便，接口表示JSON数据，类是使用JSON作为初始值构建的实际模型。

Answer 2

如果我想有一个明确的 AssetDraft 接口，我会使用 extend 和 Part 的组合：

interface Asset {
  id: string;
  internal_id: string;
  usage: number;
}

interface AssetDraft extends Partial<Asset> {}

Answer 3

这在TypeScript中是不可能的

为此，请使用< code >分部

interface PostDraft {
    asset: Partial<Asset>;
}

现在＜code＞资产＜/code＞上的所有属性都是可选的，这将允许您执行以下操作：

const postDraft: PostDraft = {
    asset: {
        id: "some-id"
    }
};

关于＜code＞部分

部分

type Partial<T> = {
    [P in keyof T]?: T[P];
};

在此处和手册中阅读有关映射类型的更多信息。

深部分

如果您想要在对象上递归工作的部分实现，那么可以在TS 4.1中使用以下类型：

type DeepPartial<T> = {
    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
};