30、TypeScript 开发实用技巧与策略

TypeScript 开发实用技巧与策略

1. 通用类型命名优化

在编写 TypeScript 代码时，为了让通用类型名称更清晰，可使用前缀。例如， URLObj 就比 Obj 更具辨识度。同样的模式也适用于泛型类型中的推断类型。

以 ParseRouteParams 为例，优化前的代码如下：

type ParseRouteParams<Route> =
  Route extends `${string}/:${infer Param}/${infer Rest}` ?
    { [Entry in Param | keyof ParseRouteParameters<`/${Rest}`>]: string } :
  Route extends `${string}/:${infer Param}` ?
    { [Entry in Param]: string } : {}

优化后的代码如下：

type ParseRouteParameters<TRoute> =
  Route extends `${string}/:${infer TParam}/${infer TRest}` ?
    { [TEntry in TParam | keyof ParseRouteParameters<`/${TRest}`>]: string }