如何基于超类型的对象创建子类型的对象？

Question

我有一个对象compactUser超类的，我想创建一个对象detailedUser基于对象的子类型的compactUser ，在一种安全的方式。

我有一个可行的解决方案，下面的代码中的detailedUser1 ，但是我想针对更复杂的场景提供一些更灵活的方法（以及detailedUser2 ）。

（抱歉，这看起来像是一个基本的打字稿问题，我确实在寻找解决方案，但最终在这里提出了疑问。）

（ 代码 ）

interface CompactUser {
    id: number
}

interface DetailedUser {
    id: number
    name: string
    sex: string
}

const compactUser: CompactUser = {id: 1}

const detailedUser1: DetailedUser = {
    ...compactUser,
    name: 'nume',
    sex: 'm',
}

// I don't like this; it's more flexible, but error prone
const detailedUser2 = compactUser as DetailedUser

// ups, I set `sex`, but forgot about `name`
detailedUser2.sex = Math.random() > 0.5 ? 'f' : 'm'

// not ok - I access `name` and there's no typescript error
console.log(detailedUser2.name)

Answer 1

我有一个有效的解决方案，在下面的代码中， detailedUser1

您的操作方式就是您的操作方式，使用示例中的扩展符号：

const detailedUser1: DetailedUser = {
    ...compactUser,
    name: 'nume',
    sex: 'm',
};

...或Object.assign ：

const detailedUser1: DetailedUser = Object.assign(
    {},
    compactUser,
    {
        name: 'nume',
        sex: 'm',
    }
};

在这些之中，我想说传播是最清晰，最普遍的。 请注意，这两个属性均保留compactUser 所有属性，但是在您的方案中， compactUser仅具有适合DetailedUser属性，这样就可以了。

如果存在更复杂的场景，您可能希望将它们放在可重用的函数中，但是它们在本质上将是相似的。

我想要一些更灵活的东西（沿着detailedUser2 ）。

您的detailsUser2根本不做任何事情来使对象适合该类型，它只是向TypeScript断言它是必需的类型。 从那时起，该对象与它的类型信息不同步，因为它没有name和sex但是其类型表明确实如此：

console.log("sex" in detailedUser2); // false, but the type says it has to be true

即时复制

这就是为什么你必须做一些事情，就像你的所作所为detailedUser1 。

如果要使用更新的类型信息重用同一对象，可以执行以下操作：

const detailedUser2: DetailedUser = Object.assign(compactUser, {name: "x", sex: "f"});

例如，提供缺少的属性。 这样就可以更新compactUser 。 （同样，如果compactUser属性DetailedUser不存在，即使类型表明它们不存在，它们也会存在；但是，在您的示例中情况并非如此。）

一个你既优势detailedUser1方式和Object.assign以上的是，如果你忘了一个属性，打字稿会告诉你：

const detailedUser2: DetailedUser = {...compactUser, {name: "x"});
//    ^^^^^^^^^^^^^-- Property 'sex' is missing in type 'CompactUser & { name: string; }' but required in type 'DetailedUser'.

和

const detailedUser2: DetailedUser = Object.assign(compactUser, {name: "x"});
//    ^^^^^^^^^^^^^-- Property 'sex' is missing in type 'CompactUser & { name: string; }' but required in type 'DetailedUser'.

即时复制