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

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

我有一个带有类型防护和功能其余参数的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

解决方法

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