如何在不使用类型断言的情况下为带条件返回类型的泛型函数标注类型?
TypeScript递归解析Pointer类型时的返回类型报错问题
问题描述
以下递归函数意图将Pointer类型解析为普通字符串,非Pointer类型则递归替换内部所有Pointer为字符串。返回类型用条件类型声明:若输入是Pointer则返回string,否则返回替换后的类型。但TypeScript在所有return语句处报错,提示返回值无法匹配声明的条件类型。
代码示例:
/** * If item ID is not known at conversion time, * a pointer can be provided to be resolved at import time. * (See `resolvePointersRecursively()`.) */ interface Pointer { predicate: string; } async function resolvePointersRecursively<T>( value: T, ): Promise<T extends Pointer ? string : ReplaceType<T, Pointer, string>> { if (isPointer(value)) { const foundItemID = await resolve(value.predicate); if (foundItemID) { return foundItemID; // ^ Type 'string' is not assignable to type 'T extends Pointer ? string : ReplaceType<T, Pointer, string>'. [2322] } else { throw new Error(`Unable to resolve pointer: no item found matching ${value.predicate}`); } } else if (value && typeof value === 'object') { if (Array.isArray(value)) { return await Promise.all(value.map((v: any) => resolvePointersRecursively(v))); // ^ 同样报错,类型为any[]而非预期类型 } else { for (const [key, v] of Object.entries(value)) { value[key as keyof typeof value] = await resolvePointersRecursively(v); } return value; // ^ 同样报错,类型为T而非预期类型 } } else { return value; // ^ 同样报错,类型为T而非预期类型 } } function isPointer(v: any): v is Pointer { // 类型守卫实现 } async function resolve(predicate: string): Promise<string> { // 解析逻辑实现 }
报错原因
TypeScript的泛型条件类型是延迟计算的,只有在调用函数时才会根据具体的T确定最终类型。函数内部的类型守卫(比如isPointer(value))只能窄化value的运行时类型,但无法让编译器推断出T对应的条件类型分支,因此编译器无法确认返回值是否匹配声明的条件类型,从而抛出错误。
即使将ReplaceType<T, Pointer, string>替换为T,错误依然存在,因为核心问题是条件类型无法在函数体内部被正确解析。
解决方案
方案1:使用函数重载(推荐)
函数重载可以明确不同输入类型对应的输出类型,让编译器直接匹配对应的签名,避免条件类型的延迟计算问题。
首先定义辅助类型,用于递归替换类型中的Pointer:
// 递归替换类型中的Pointer为string type ResolvePointer<T> = T extends Pointer ? string : T extends Array<infer U> ? ResolvePointer<U>[] : T extends object ? { [K in keyof T]: ResolvePointer<T[K]> } : T;
然后定义函数重载签名,实现部分使用宽松类型:
// 重载签名:明确不同输入对应的输出类型 async function resolvePointersRecursively<T extends Pointer>(value: T): Promise<string>; async function resolvePointersRecursively<T extends any[]>(value: T): Promise<ResolvePointer<T>>; async function resolvePointersRecursively<T extends object>(value: T): Promise<ResolvePointer<T>>; async function resolvePointersRecursively<T>(value: T): Promise<ResolvePointer<T>>; // 函数实现 async function resolvePointersRecursively(value: any): Promise<any> { if (isPointer(value)) { const foundItemID = await resolve(value.predicate); if (foundItemID) { return foundItemID; } else { throw new Error(`Unable to resolve pointer: no item found matching ${value.predicate}`); } } else if (value && typeof value === 'object') { if (Array.isArray(value)) { return Promise.all(value.map(resolvePointersRecursively)); } else { const result: Record<string, any> = {}; for (const [key, v] of Object.entries(value)) { result[key] = await resolvePointersRecursively(v); } return result; } } else { return value; } }
方案2:使用精确类型断言替代any
如果不想使用重载,可以用更精确的类型断言,而非直接断言为any,保留部分类型检查能力:
async function resolvePointersRecursively<T>( value: T, ): Promise<ResolvePointer<T>> { if (isPointer(value)) { const foundItemID = await resolve(value.predicate); if (foundItemID) { // 断言为T是Pointer时的分支类型 return foundItemID as T extends Pointer ? string : never; } else { throw new Error(`Unable to resolve pointer: no item found matching ${value.predicate}`); } } else if (value && typeof value === 'object') { if (Array.isArray(value)) { // 断言为数组对应的解析后类型 return await Promise.all(value.map(resolvePointersRecursively)) as T extends any[] ? ResolvePointer<T> : never; } else { for (const [key, v] of Object.entries(value)) { value[key as keyof typeof value] = await resolvePointersRecursively(v) as any; } // 断言为对象对应的解析后类型 return value as T extends object ? ResolvePointer<T> : never; } } else { // 断言为非Pointer的原始类型 return value as T extends Pointer ? never : T; } }
这种方式避免了any的滥用,同时让编译器接受返回值。
内容的提问来源于stack exchange,提问作者Anton Strogonoff
相关产品推荐
相关产品推荐

