求助帖, 问下在 ts 中如何使接口中的一个可选属性依赖接口另一个必选属性

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 968 天前的主题，其中的信息可能已经有所发展或是发生改变。

```
interface Layout {hasPadding?:boolean;padding?:string}
```
大佬们,问一下 ts 类型相关的问题:

`interface Layout = {hasPadding?:boolean;padding?:string}`
改成
当 Layout['hasPadding'] 的类型为 true 时,layout['padding'] 的类型为 string
当 Layout['hasPadding'] 的类型为 false 时,Layout 类型里面没有 padding 这个属性呀

2 条回复 2023-09-05 16:01:01 +08:00

GentleFifth

2023 年 9 月 1 日 via Android

可以用 union type

lsy99

2023 年 9 月 5 日

楼上+1 ，用 type 的联合类型
type Layout = { hasPadding: false } | { hasPadding: true; padding: string };

// correct
const layout1: Layout = { hasPadding: true, padding: "12px" };
const layout2: Layout = { hasPadding: false };

// wrong
//@ts-expect-error
const layout3: Layout = { hasPadding: true };
//@ts-expect-error
const layout4: Layout = { hasPadding: false, padding: "12px" };

求助帖, 问下在 ts 中如何使 接口中的一个可选属性依赖接口另一个必选属性

求助帖, 问下在 ts 中如何使接口中的一个可选属性依赖接口另一个必选属性