TypeScript：TypeScript与代码重构教程.pdf

TypeScript：：TypeScript与代码重构与代码重构

TypeScript基础基础

1.TypeScript的数据类型的数据类型

TypeScript是JavaScript的超集，它添加了静态类型系统。这使得开发者可以在编写代码时就发

现类型错误，而不是在运行时。TypeScript支持多种数据类型，包括：

•基本类型基本类型：如number、string、boolean、null、undefined、any、void、

never和unknown。

•数组数组：使用类型后跟方括号，如string[]或Arraystring。

•元组元组：允许指定数组中元素的类型和数量，如[string,number]。

•枚举枚举：提供了一种将数字或字符串与命名常量关联的方式，如enumColor{Red,

Green,Blue}。

•对象对象：可以使用接口或类型来定义对象的形状。

•函数函数：可以定义函数的参数类型和返回类型。

•类类：支持面向对象编程，包括类、接口、继承和多态。

1.1示例：使用类型注解示例：使用类型注解

//定义一个函数，参数为number类型，返回值为string类型

functionadd(a:number,b:number):string{

return`${a+b}`;

}

//调用函数

console.log(add(1,2));//输出3

2.接口与类型接口与类型

TypeScript允许使用接口（Interfaces）和类型别名（TypeAliases）来定义类型。接口通常用于描

述对象的形状，而类型别名可以创建新的类型名称，使代码更易读。

2.1示例：使用接口示例：使用接口

interfacePerson{

name:string;

age:number;

}

functiongreet(person:Person){

return`Hello,${}.Youare${person.age}yearsold.`;

}

constuser:Person={name:Alice,age:30};

console.log(greet(user));//输出Hello,Alice.Youare30years

old.

2.2示例：使用类型别名示例：使用类型别名

typeUser={

username:string;

email:string;

};

functionsendEmail(user:User,message:string){

return`Sendingemailto${user.email}:${message}`;

}

constnewUser:User={username:Bob,email:bob@};

console.log(sendEmail(newUser,Welcometoourservice!));//输出

Sendingemailtobob@:Welcometoourservice!

3.类与继承类与继承

TypeScript支持面向对象编程，允许定义类，并通过继承来扩展类的功能。

3.1示例：类与继承示例：类与继承

classAnimal{

name:string;

constructor(name:string){

=name;

}

speak(){

console.log(`${}makesanoise.`);

}

}

classDogextendsAnimal{

constructor(name:string){

super(name);

}

speak(){

console.log(`${}barks.`);

}

}

constdog=newDog(Rufus);

dog.speak();//输出Rufusbarks.

4.模块与命名空间模块与命名空间

TypeScript支持模块和命名空间，用于组织和封