在前端开发中，TypeScript 已经越来越受欢迎了。它是一种静态类型语言，拥有 JavaScript 所有的特性，同时又支持类型注解、接口、泛型等高级特性。在大型项目中，使用 TypeScript 可以帮助我们更好地维护和开发代码。本文将重点介绍 TypeScript 中的类型和继承结构，为大家带来深入的学习和指导意义。
类型
TypeScript 中的类型可以分为两种，即基本类型和高级类型。基本类型包括数字、布尔、字符串、null、undefined 和 symbol 等类型，我们可以通过定义变量或函数参数等方式使用它们。高级类型包括数组、元组、枚举、接口、类、函数和泛型等类型。
数组
在 TypeScript 中，数组可以用来存储一系列相同类型的值。我们可以使用以下两种方式定义数组类型：
let arr1: number[] = [1, 2, 3]; let arr2: Array<number> = [1, 2, 3];
其中，number[] 表示数组中只能存放数字类型的值，Array<number> 也表示同样的含义。我们可以在定义数组时通过方括号来初始化数组，例如 [1, 2, 3]。
元组
元组是 TypeScript 中的一种特殊数组类型，它允许存储固定数量和类型的元素。我们可以使用以下方式定义元组类型：
let tuple: [string, number] = ['hello', 123];
其中，[string, number] 表示元组中包含两个元素，一个是字符串类型，一个是数字类型，元素顺序也是固定的。
枚举
枚举是 TypeScript 中的一种特殊类型，它允许我们为一组值赋予友好的名字。我们可以使用以下方式定义枚举类型：
enum Color {
Red,
Green,
Blue,
}
let c: Color = Color.Green;其中，枚举类型 Color 定义了三个枚举值，分别是 Red、Green、Blue。我们可以通过枚举值名字或值的数字索引来访问枚举值。
接口
接口是 TypeScript 中的一种高级类型，它定义了一个对象的结构和类型。我们可以使用以下方式定义接口类型：
interface Person {
name: string;
age: number;
}其中，Person 接口表示对象有 name 和 age 两个属性，属性值分别是字符串类型和数字类型。我们可以使用这个接口来定义对象类型：
let person: Person = { name: 'John', age: 30 };类
在 TypeScript 中，我们可以使用 class 关键字来定义类。定义类时，我们可以使用访问修饰符（public、private、protected）来定义类的成员的可访问性，以及使用构造函数来初始化类的实例。下面是一个类的例子：
// javascriptcn.com 代码示例
class Person {
private name: string;
public age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet() {
console.log(`Hello, my name is ${this.name}.`);
}
}
let person: Person = new Person('John', 30);在这个例子中，我们定义了一个 Person 类，它有一个私有属性 name 和一个公有属性 age。它还有一个 greet 方法来打印出对象的名字。我们可以使用 new 关键字来实例化这个类。
函数
在 TypeScript 中，函数可以有返回值和参数类型定义。我们可以使用以下方式定义函数类型：
function sum(a: number, b: number): number {
return a + b;
}其中，(a: number, b: number): number 表示这个函数的参数是两个数字类型，返回值也是数字类型。
泛型
泛型是 TypeScript 中的一种高级类型，它允许我们创建可重用的代码组件。我们可以使用以下方式定义泛型类型：
function identity<T>(arg: T): T {
return arg;
}其中，<T> 表示这个函数是泛型函数，它接受一个类型参数 T，并返回同样的类型参数 T。我们可以使用这个函数来返回任何类型的值，例如：
let str = identity<string>('hello');
let num = identity<number>(123);在这个例子中，我们分别调用了 identity 函数，传入了不同的类型参数。它们的返回值分别是字符串类型 'hello' 和数字类型 123。
继承结构
在 TypeScript 中，我们可以使用 class 关键字来定义类。这些类可以通过继承来扩展其属性和方法。下面是一个继承结构的例子：
// javascriptcn.com 代码示例
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}
class Dog extends Animal {
breed: string;
constructor(name: string, breed: string) {
super(name);
this.breed = breed;
}
speak() {
console.log(`${this.name} barks.`);
}
}
let dog = new Dog('Max', 'Terrier');
dog.speak();在这个例子中，我们定义了一个 Animal 类，它有一个名字和一个 speak 方法。我们还定义了一个 Dog 类，它继承了 Animal 类，并添加一个品种属性。在 Dog 类中，我们重写了 speak 方法来打印出不同的声音。我们可以使用 new 关键字来创建一个 Dog 类的实例，并调用它的 speak 方法。
在 TypeScript 中，通过继承，我们可以在类之间创建层次结构，子类可以继承父类的属性和方法，并添加自己的属性和方法。同时，我们也可以使用访问修饰符来控制类成员的可访问性，让代码更加健壮和安全。
总结
本文介绍了 TypeScript 中的类型和继承结构，包括基本类型、高级类型、数组、元组、枚举、接口、类、函数、泛型以及继承等方面的内容。希望这篇文章能够帮助大家更好地理解 TypeScript 中的概念和使用方法，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654cd24d7d4982a6eb629764