作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用泛型根据输入的特定形状来缩小函数的返回类型。这在 TypeScript 中甚至可能吗?我有以下 MRE 证明了这个问题:
type ValidInput = {
filename: string;
sender: number;
};
type ValidInput2 = {
person: string;
sender: string;
};
type InferSenderType<T extends { sender: any }> = T extends { sender: infer K }
? K
: unknown;
type Api<I extends { sender: any }> = (input: I) => InferSenderType<I>;
declare const loadFile: Api<ValidInput | ValidInput2>;
const a = loadFile({ filename: "q", sender: 3 });
typeof a // string | number
// How do I get it to narrow the return type (in this case 'number') based on the input?
最佳答案
下面是一个例子:
type ValidInput = {
filename: string;
sender: number;
};
type ValidInput2 = {
person: string;
sender: string;
};
type Api = <I extends { sender: any }>(input: I) => I['sender']
declare const loadFile: Api;
const a = loadFile({ filename: "q", sender: 3 });
typeof a // only number
TS Playground
关于typescript - 使用泛型基于输入的窄返回类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66205700/
我是一名优秀的程序员,十分优秀!