![](/img/trans.png)
[英]Typescript - How to check destructured values instead using dot notation?
[英]How to typecheck a destructured object with fallback values with Typescript?
如何在以下结构中对解构的 object 进行类型检查?
interface IUser {
username: string
image: string
uid: string
}
interface IDataProp {
user: IUser
}
const {
user: {
username,
image,
uid
} = {},
} = { ...data, user: data.user || {} }
嗯,这是一个奇怪的场景,很难涵盖。
我真的不明白你为什么要解构data
object 并使用data.user
值来完成user
密钥。
编译错误(或类型误导)存在于默认值中。 由于分配未应用于强类型 object,因此提供了一个空 object {}
的默认值,所有变量都必须具有默认值(即使是显式的undefined
,取决于tsconfig.json
)。
我想有两种方法。
const {
user: {
username,
image,
uid
}
} = { user: data.user || {} };
没有默认的user
键值。 现在,所有变量都是string
类型的。
第二种方法,承认默认user
值,但也为变量提供显式默认值
const {
user: {
username = undefined,
image = 'default-image',
uid = '000-000-0'
} = {}
} = { user: data.user || {} };
这有点多余,在这种情况下, username
的类型是联合string | undefined
string | undefined
...所以它是一个非常弱的类型。
在具有 Typescript 环境的 VSCode 中,如果您 hover 向上user
密钥,编译器现在可以理解这是一个可选属性user?: IUser
类型为IUser
。 这就是为什么我们必须提供默认值。
最后,正如我在上面评论的那样,我发现这种情况有点奇怪。 您可以简单地解构data.user
object,即使使用提供强类型解构的 void null 检查。
const {
username,
image,
uid
}: IUser = { ...data.user || {} };
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.