Type Guard打字稿无法正确推断功能其余参数

时间:2020-10-27 08:58:04

标签: typescript typeguards rest-parameters

我有一个带有类型防护和功能其余参数的Typescript示例:

 return $query->whereNotNull('product_information->product_preorder_date');

其余参数和类型警卫有什么问题?

TS Playground


更新解决方案:

我找到了解决方案,使用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

TS Playground

1 个答案:

答案 0 :(得分:0)

Props的类型是

{用户名:字符串,isAdmin:true,adminName:字符串} | {用户名:字符串,isAdmin:否}

当您在类型为isAdmin的对象上声明Prop的值(例如,一条if语句)时,打字稿便可以缩小{{1}之间的实际类型}和{ username: string, isAdmin: true, adminName: string }

如果通过解构删除{ username: string, isAdmin: false },则isAdmin的类型将变为

{用户名:字符串,adminName:字符串} | {用户名:字符串}

restisAdmin变得不相关,缩小rest类型的唯一方法是断言rest属性的存在。

在这种情况下,也许您不应该使用rest参数。您也可以在adminName内手动转换rest变量。