TypeScript 入门指北：揭秘 TS 中的其他类型

2024-02-03 02:30:30

TypeScript 类型指南（三）：类型推论、函数类型、类类型、类型别名和接口

类型推论：自动推断类型

类型推论 是 TypeScript 的一项强大功能，允许编译器根据变量的赋值或使用情况自动推导出其类型。这省去了显式指定类型的麻烦，使代码更简洁、更易于维护。

举个例子：

let num = 10; // 类型推断为 number
console.log(typeof num); // 输出: "number"

函数类型：函数的输入和输出

TypeScript 中的函数类型 用于函数的输入和输出类型。这有助于我们更好地理解函数的行为，提高代码的可读性和维护性。函数类型的语法为：

(参数类型1, 参数类型2, ..., 参数类型n) => 返回值类型

例如：

function sum(a: number, b: number): number {
  return a + b;
}

const result = sum(10, 20);
console.log(result); // 输出: 30

类类型：定义对象的结构和行为

类类型 用于定义对象的结构和行为，并允许我们创建具有特定属性和方法的对象。类类型的语法为：

class ClassName {
  // 属性
  property1: type1;
  property2: type2;

  // 方法
  method1(): void;
  method2(arg1: type1): type2;

  // 构造函数
  constructor(arg1: type1, arg2: type2);
}

例如：

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person = new Person('John', 30);
person.greet(); // 输出: "Hello, my name is John and I am 30 years old."

类型别名：为类型创建新名称

类型别名 允许我们为现有类型创建一个新的名称。这有助于增强代码的可读性和可维护性，尤其是在使用复杂或重复的类型时。类型别名的语法为：

type AliasName = ExistingType;

例如：

type Color = 'red' | 'green' | 'blue';

const myColor: Color = 'red';

接口：描述对象的结构

接口类似于类型别名，但用于描述对象的结构，包括其属性和方法。接口的语法为：

interface InterfaceName {
  property1: type1;
  property2: type2;

  method1(): void;
  method2(arg1: type1): type2;
}

例如：

interface PersonInterface {
  name: string;
  age: number;

  greet(): void;
}

class Person implements PersonInterface {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person = new Person('John', 30);
person.greet(); // 输出: "Hello, my name is John and I am 30 years old."