TypeScript 中高级类型的理解?有哪些?

在TypeScript中,高级类型是为了增加语言的灵活性和表达能力而引入的一些特殊类型。这些高级类型允许我们定义更具体、更复杂的类型,从而更好地描述我们的数据和函数的行为。以下是一些TypeScript中的高级类型:

  1. 字面量类型(Literal Types)

    • 在TypeScript中,字面量不仅可以表示值,还可以表示类型。例如,字符串字面量类型允许我们指定一个具体的字符串值作为类型,而不是一般的字符串类型。
    • 示例:type Name = "Alice"; let name: Name = "Alice"; // 正确
  2. 联合类型(Union Types)

    • 联合类型表示一个值可以是几种类型之一。使用|分隔每个类型。
    • 示例:let id: number | string;
  3. 交叉类型(Intersection Types)

    • 交叉类型是将多个类型合并为一个类型。它包含了所有类型的成员。
    • 示例:type Combined = Type1 & Type2;
  4. 索引类型(Index Types)

    • 索引类型允许我们定义对象的索引签名,即对象可以有的属性和它们的类型。
    • 示例:type Dict = { [index: string]: number };
  5. 条件类型(Conditional Types)

    • 条件类型根据条件返回不同的类型。它们使用条件语句(如if/else)的结构,但使用类型语法。
    • 示例:type TypeName<T> = T extends string ? 'string' : 'not string';
  6. 类型推断(Type Inference)

    • TypeScript可以自动推断变量的类型,而无需显式声明。
    • 示例:let num = 10; // TypeScript推断num的类型为number
  7. 类型保护(Type Guards)

    • 类型保护是特殊的表达式,它们可以执行运行时检查以确保某个值是特定类型。
    • 示例:使用typeofinstanceof进行类型保护。
  8. 类型断言(Type Assertions)

    • 类型断言是一种告诉TypeScript编译器“我知道这个值的类型是什么”的方式。
    • 示例:let someValue: any = "this is a string"; let strLength: number = (<string>someValue).length;let strLength: number = (someValue as string).length;
  9. 元组(Tuples)

    • 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。
    • 示例:let x: [string, number] = ['hello', 10];
  10. 枚举(Enums)

    • 枚举类型是一种特殊的值类型,它允许我们为一组命名的数值常量提供有意义的名称。
    • 示例:enum Color {Red, Green, Blue}; let c: Color = Color.Green;

这些高级类型特性使TypeScript成为一种强大的静态类型系统,能够帮助我们编写更健壮、更易于维护的代码。
当然,关于TypeScript中的高级类型,还有一些其他重要的概念和用法值得进一步探讨。

  1. 映射类型(Mapped Types)

映射类型允许我们基于一个已存在的类型来创建新的类型。新的类型将具有与原类型相同的键,但每个键对应的类型由我们提供的函数来定义。

示例:

type Keys = 'a' | 'b' | 'c';
type MappedType = { [P in Keys]: boolean };
// MappedType 相当于 { a: boolean; b: boolean; c: boolean; }
  1. 泛型(Generics)

泛型是创建可重用组件的一种手段,它允许我们在不指定具体类型的情况下编写函数、接口或类。泛型的使用可以让我们编写更加灵活和可复用的代码。

示例:

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

let output = identity<string>("myString");  // 输出 "myString"
let output2 = identity(42);  // 输出 42,编译器自动推断T的类型为number
  1. 类型别名(Type Aliases)

类型别名是给类型起的新名字。类型别名有时和接口很相似,但是可以给原始类型起别名,联合类型,元组等起别名。

示例:

type Name = string;
type NameOrAge = string | number;
type NameTuple = [first: string, last: string];
  1. 排除类型(Exclude)

Exclude<T, U> 是一个从 T 中排除可分配给 U 的所有成员的条件类型。

示例:

type T0 = Exclude<"a" | "b" | "c", "a">;  // "b" | "c"
  1. 提取类型(Extract)

Extract<T, U> 是一个从 T 中提取可分配给 U 的所有成员的条件类型。

示例:

type T0 = Extract<"a" | "b" | "c", "a" | "f">;  // "a"
  1. 非空断言操作符(Non-null Assertion Operator)

非空断言操作符 ! 可以用在表达式后面,用于断言该表达式非 null 和非 undefined

示例:

let x: string | null = getSomeString();
let length: number = x!.length;  // 断言x不是null或undefined
  1. 可选链(Optional Chaining)

可选链操作符 ?. 允许我们读取位于连接对象链深处的属性的值,而无需明确验证链中的每个引用是否有效。

示例:

let nestedObj = { a: { b: { c: 3 } } };
let c = nestedObj?.a?.b?.c;  // 如果存在,返回3,否则返回undefined

这些高级类型特性提供了强大的类型系统支持,使得TypeScript成为了一个非常强大的静态类型语言,能够帮助我们写出更加健壮、可维护的代码。

  • 25
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值