TypeScript 告别 any!从入门到高级类型

3 阅读1分钟

正文

很多人 TS 只停留在 any + interface,其实 TS 能大幅提升项目可维护性。

基础

interface User {
  name: string
  age?: number
}

常用工具类型

  • Partial
  • Required
  • Readonly
  • Pick<T, K>
  • Omit<T, K>
  • Exclude<T, U>
  • Extract<T, U>
  • ReturnType

高级示例

type ApiResponse<T> = {
  code: number
  data: T
  msg: string
}

type UserListRes = ApiResponse<User[]>

异步函数类型

const getUser = async (): Promise<User> => {
  return {} as User
}

坚持不用 any,你的代码会越来越健壮。

个人观点 · 仅供参考