interface ChartItem { chartid: string, chartname: string }; 定义了一些字段,使用时只想用部分字段属性,如何处理
在 TypeScript 中,如果你只想使用一个接口的部分字段,你可以创建一个新的接口,包含所需的字段,并让这个新接口继承原有的接口。或者也可以直接在实际使用时只引用需要的字段。下面是两种方法的示例:
方法1:创建新接口
interface ChartItem {
chartid: string;
chartname: string;
}
// 使用继承创建新接口,只包括部分字段
interface PartialChartItem extends Pick<ChartItem, 'chartid'> {}
let item: PartialChartItem = { chartid: '1' };
在这个示例中,PartialChartItem
接口只包含了 ChartItem
接口的 chartid
字段。
方法2:直接引用部分字段
interface ChartItem {
chartid: string;
chartname: string;
}
let item: {chartid: string} = { chartid: '1' };
在这个示例中,我们直接在定义变量 item
的类型时只指定了 chartid
字段。这样 item
只会包含 chartid
字段。