typescript 闭包类型高阶函数泛型使用

最新推荐文章于 2025-04-23 20:29:15 发布

立先

最新推荐文章于 2025-04-23 20:29:15 发布

阅读量2.1k

点赞数 1

分类专栏： js typescript 文章标签： typescript 函数闭包

本文链接：https://blog.youkuaiyun.com/weixin_43477825/article/details/119912771

版权

js 同时被 2 个专栏收录

7 篇文章

订阅专栏

typescript

1 篇文章

订阅专栏

本文深入探讨了TypeScript中的闭包类型和高阶函数泛型的使用技巧，揭示了如何利用这些特性来实现更强大、更灵活的函数。通过实例解析，读者将了解到如何在函数中保持状态，以及如何通过泛型提升函数的复用性，以适应不同类型的参数和返回值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 类型定义
interface IClosureGeneric{
  <T extends (...args: any) => any>(fn: T): (...args: Parameters<T>) => ReturnType<T> | void
}

/* 
解释：
1. <T extends (...args: any) => any>
	函数参数前定义泛型参数T，约束T为函数类型
2. Parameters<T>
	Ts工具泛型，用于获取函数的参数类型
3. ReturnType<T>
	Ts工具泛型，用于获取函数的返回类型
*/

// 闭包函数/高阶函数
const withFunction: IClosureGeneric = (fn) => {
  return (...args) => {
  	// do some thing
    return fn(args)
  }
}

// 使用示例
interface IRequestHandle {
  (params: Record<any, any>): void
}
const requestHandle = withFunction<IRequestHandle>((params) => {
	// do some thing
	return http(params)
})

// 这样Ts类型提示就正常工作来