TypeScript 类、泛型的使用实践记录｜青训营

TypeScript 是一种强类型的编程语言，支持泛型编程。泛型是一种参数化类型的方式，可以在代码中定义通用的数据类型和算法。在 TypeScript 中，泛型可以应用于函数、类和接口等多种场景。

TypeScript 中泛型的使用方法和场景

泛型函数

泛型函数是一种可以接受不同类型参数的函数，它可以在函数内部使用泛型类型来实现通用的逻辑。以下是一个泛型函数的例子：

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

let output1 = identity<string>("hello"); // output1 is of type string
let output2 = identity<number>(42); // output2 is of type number

在上面的例子中，函数 identity 接受一个类型为 T 的参数，并返回一个类型为 T 的值。在调用函数时，可以使用尖括号语法来指定泛型的类型。

泛型类

泛型类是一种可以使用泛型类型参数的类。以下是一个泛型类的例子：

class GenericNumber<T> {
  zeroValue: T;
  add: (x: T, y: T) => T;
}

let myGenericNumber = new GenericNumber<number>();
myGenericNumber.zeroValue = 0;
myGenericNumber.add = function(x, y) { return x + y; };

在上面的例子中，类 GenericNumber 使用泛型类型参数 T，它包含了一个属性 zeroValue 和一个方法 add。在创建类实例时，可以使用尖括号语法来指定泛型类型。

泛型接口

泛型接口是一种可以使用泛型类型参数的接口。以下是一个泛型接口的例子：

interface GenericIdentityFn<T> {
  (arg: T): T;
}

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

let myIdentity: GenericIdentityFn<number> = identity;

在上面的例子中，接口 GenericIdentityFn 使用泛型类型参数 T，它包含了一个函数类型。在将函数赋值给接口时，可以使用尖括号语法来指定泛型类型。

泛型约束

我们可以为泛型添加类型约束,限制它只能是某些类型:

interface Lengthwise {
  length: number;
}

function loggingIdentity<T extends Lengthwise>(arg: T): T {
  // ...
}

总之，泛型是一种非常强大的编程工具，可以在代码中实现通用的逻辑。在 TypeScript 中，泛型可以应用于函数、类和接口等多种场景，开发者可以根据实际情况选择合适的场景来使用泛型。

如何使用类型约束来增加代码的灵活性和安全性

类型约束是 TypeScript 中的一种特性，它可以帮助开发者在编写代码时增加灵活性和安全性。类型约束可以应用于函数、类和接口等多种场景，以下是一些常见的使用类型约束的方法：

1. 函数参数类型约束

在函数中，可以使用类型约束来限制参数的类型，从而增加代码的灵活性和安全性。以下是一个函数参数类型约束的例子：

function sayHello(name: string) {
  console.log("Hello, " + name + "!");
}

sayHello("TypeScript"); // Output: "Hello, TypeScript!"

在上面的例子中，函数 sayHello 接受一个类型为 string 的参数 name，可以确保传入的参数是一个字符串类型，从而增加了代码的安全性。

2. 函数返回值类型约束

在函数中，可以使用类型约束来限制返回值的类型，从而增加代码的安全性。以下是一个函数返回值类型约束的例子：

function add(x: number, y: number): number {
  return x + y;
}

let result = add(1, 2); // result is type number

在上面的例子中，函数 add 的返回值类型被限制为 number，可以确保函数返回的结果是一个数字类型，从而增加了代码的安全性。

3. 类的属性类型约束

在类中，可以使用类型约束来限制属性的类型，从而增加代码的灵活性和安全性。以下是一个类的属性类型约束的例子：

class Person {
  name: string;
  age: number;

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

  sayHello() {
    console.log("Hello, my name is " + this.name + ", and I am " + this.age + " years old.");
  }
}

let person = new Person("Tom", 20);
person.sayHello(); // Output: "Hello, my name is Tom, and I am 20 years old."

在上面的例子中，类 Person 的属性 name 和 age 被限制为字符串和数字类型，可以确保属性的类型正确，从而增加了代码的安全性。

4. 接口的类型约束

在接口中，可以使用类型约束来限制属性的类型，从而增加代码的灵活性和安全性。以下是一个接口的类型约束的例子：

interface Person {
  name: string;
  age: number;
}

function sayHello(person: Person) {
  console.log("Hello, my name is " + person.name + ", and I am " + person.age + " years old.");
}

let person = { name: "Tom", age: 20 };
sayHello(person); // Output: "Hello, my name is Tom, and I am 20 years old."