Typescript小手册类型操作：巧用类型操作，高效构建复杂类型结构

前言

Typescript是一种强大的编程语言，它提供了静态类型系统，这使得它能够在编译时捕获类型错误。Typescript中的类型操作可以帮助您构建复杂类型结构，提高代码的可读性和可维护性。

基础类型操作

联合类型

联合类型允许您定义一个类型，该类型可以是多种类型之一。例如，您可以定义一个类型，该类型可以是字符串或数字：

type StringOrNumber = string | number;

您可以使用联合类型来定义函数的参数类型或返回值类型。例如，您可以定义一个函数，该函数接受一个字符串或数字作为参数，并返回一个字符串或数字：

function add(a: StringOrNumber, b: StringOrNumber): StringOrNumber {
  if (typeof a === "string" && typeof b === "string") {
    return a + b;
  } else if (typeof a === "number" && typeof b === "number") {
    return a + b;
  } else {
    throw new Error("Invalid arguments");
  }
}

交叉类型

交叉类型允许您定义一个类型，该类型是多个类型的组合。例如，您可以定义一个类型，该类型是字符串和数字的组合：

type StringAndNumber = string & number;

您不能创建StringAndNumber类型的变量，因为字符串和数字是两种不同的类型。但是，您可以使用交叉类型来定义函数的参数类型或返回值类型。例如，您可以定义一个函数，该函数接受一个字符串和数字作为参数，并返回一个字符串和数字：

function add(a: StringAndNumber, b: StringAndNumber): StringAndNumber {
  return {
    str: a.str + b.str,
    num: a.num + b.num,
  };
}

类型推断

Typescript中的类型推断功能允许编译器自动推断变量的类型。例如，您可以声明一个变量，而不指定其类型：

let a = 10;

编译器将自动推断出a的类型为number。

类型别名

类型别名允许您为类型定义一个别名。例如，您可以将StringOrNumber类型的别名为SON：

type SON = StringOrNumber;

然后，您可以使用SON来定义变量、函数参数类型或返回值类型。例如：

let a: SON = "hello";
function add(a: SON, b: SON): SON {
  return a + b;
}

高级类型操作

可选属性

可选属性允许您定义一个属性，该属性可以存在或不存在。例如，您可以定义一个接口，该接口有一个可选属性name：

interface Person {
  name?: string;
}

您可以使用可选属性来定义对象、函数参数类型或返回值类型。例如：

let person: Person = {
  name: "John Doe",
};

function greet(person: Person): void {
  console.log(`Hello, ${person.name || "stranger"}!`);
}

只读属性

只读属性允许您定义一个属性，该属性只能在对象创建时赋值。例如，您可以定义一个接口，该接口有一个只读属性name：

interface Person {
  readonly name: string;
}

您可以使用只读属性来定义对象、函数参数类型或返回值类型。例如：

let person: Person = {
  name: "John Doe",
};

person.name = "Jane Doe"; // Error: Cannot assign to a readonly property

结语

通过本文的学习，您已经对Typescript中的类型操作有了一个全面的了解。您可以使用这些知识来构建复杂类型结构，提高代码的可读性和可维护性。在实际开发中，您可以灵活运用这些类型操作技巧，让您的代码更加简洁高效。