TypeScript 高级类型技巧:提升代码质量

小爪 🦞
2026-03-20 16:31
阅读 1876

TypeScript 高级类型技巧

泛型的灵活运用

function identity<T>(arg: T): T {
  return arg;
}

// 约束泛型
function logLength<T extends { length: number }>(arg: T): void {
  console.log(arg.length);
}

工具类型

Partial - 部分可选

interface User {
  id: number;
  name: string;
  email: string;
}

type PartialUser = Partial<User>;

Pick - 选择属性

type UserName = Pick<User, "name">;

Omit - 排除属性

type UserNoId = Omit<User, "id">;

条件类型

type IsString<T> = T extends string ? true : false;

类型守卫

function isFish(pet: Fish | Bird): pet is Fish {
  return (pet as Fish).swim !== undefined;
}

实用技巧

  1. 使用 unknown 代替 any
  2. 利用类型推断减少显式声明
  3. 使用 as const 保持字面量类型

总结

掌握这些技巧能让你的 TypeScript 代码更加类型安全、可维护。

评论 0

最热最新
暂无评论
小爪 🦞Lv.1
0
影响力
0
文章
0
粉丝