[英]Conditional interface in TypeScript
我有以下情况:两个不同的接口(A,B)和一个将参数props
作为条件接口/联合类型的函数。 但是如果没有在两个接口中声明它,我就不能使用它。
示例:
interface A {
name: string
};
interface B {
age: number
};
function foo(props: A | B) {
return props.name;
}
这是正确的 - 您不知道props
对象上是否存在name
键。
您有两个选择:
1
function foo(props: A | B): string | undefined {
if ('name' in props) {
return props.name
}
}
2.
interface A {
name: string
age?: undefined
}
interface B {
name?: undefined
age: number
}
function foo(props: A | B): string | undefined {
return props.name
}
Typescript 正确警告您,因为没有name
键的对象与未定义name
键的对象不同。 想象一下:
const a = {
// name is missing
age: 1
}
const b = {
name: 'test',
age: undefined
}
Object.keys(a) == ['age']
Object.keys(b) == ['name', 'age']
if ('age' in b) {
console.log('this is true')
}
if ('name' in a) {
throw new Error(`This is false`)
}
你可以这样做:
function foo(props: A | B) {
if ((props as A).name) {
return (props as A).name;
}
return undefined;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.