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

问题描述

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

 return $query->whereNotNull('product_@R_294_4045@ion->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

解决方法

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变量。