问题描述
我有一个带有类型防护和功能其余参数的Typescript示例:
return $query->whereNotNull('product_information->product_preorder_date');
其余参数和类型警卫有什么问题?
更新解决方案:
我找到了解决方案,使用interface BaseProps {
username: string;
password: string;
}
type Props = BaseProps & (
| {isAdmin: true,adminName: string}
| {isAdmin: false}
)
// Doesn't works
const myFn = ({isAdmin,...rest}: Props) => {
if(isAdmin === true) {
rest.adminName; // Property 'adminName' does not exist on type '{ username: string; adminName: string; } | { username: string; }'.
}
}
// It works
const myFn2 = (args: Props) => {
if(args.isAdmin === true) {
args.adminName;
}
}
解决了问题。
Assert Functions
解决方法
Props
的类型是
{用户名:字符串,isAdmin:true,adminName:字符串} | {用户名:字符串,isAdmin:否}
当您在类型为isAdmin
的对象上声明Prop
的值(例如,一条if
语句)时,打字稿便可以缩小{{1}之间的实际类型}和{ username: string,isAdmin: true,adminName: string }
。
如果通过解构删除{ username: string,isAdmin: false }
,则isAdmin
的类型将变为
{用户名:字符串,adminName:字符串} | {用户名:字符串}
值rest
和isAdmin
变得不相关,缩小rest
类型的唯一方法是断言rest
属性的存在。
在这种情况下,也许您不应该使用rest参数。您也可以在adminName
内手动转换rest
变量。