TypeScript 学习总结
TypeScript 是一种由微软开发的开源编程语言,它是 JavaScript 的超集,可以编译成纯 JavaScript 代码运行。TypeScript 增加了静态类型检查、类、接口等新特性,使得开发更加可靠、易于维护。本文将介绍 TypeScript 的基本概念、语法和常用功能,帮助读者快速掌握 TypeScript 的基础知识。
TypeScript 基本概念
1. 静态类型检查
TypeScript 提供了静态类型检查的功能,可以在编译时检查代码中的类型错误,避免在运行时出现错误。例如:
let x: number = 10;
let y: string = "Hello";
let z: boolean = true;
2. 类和接口
TypeScript 支持面向对象编程,包括类和接口等概念。类是一种模板,用于创建对象,包括属性和方法。接口用于描述类的结构,包括属性和方法的名称和类型。例如:
class Person {
firstName: string;
lastName: string;
constructor(firstName: string, lastName: string) {
this.firstName = firstName;
this.lastName = lastName;
}
fullName(): string {
return this.firstName + " " + this.lastName;
}
}
interface IPerson {
firstName: string;
lastName: string;
fullName(): string;
}
3. 模块化
TypeScript 支持模块化编程,可以将代码分为多个模块,每个模块可以导出和导入不同的变量、函数或类。例如:
// module1.ts
export function add(x: number, y: number): number {
return x + y;
}
// module2.ts
import { add } from "./module1";
console.log(add(10, 20));
TypeScript 语法
TypeScript 语法包括变量、数据类型、运算符、流程控制语句、函数、类、接口等。
1. 变量
变量用于存储数据,并可以在程序中被引用。TypeScript 中的变量可以通过关键字 let
或 const
来声明。例如:
let x: number = 10;
const y: string = "Hello";
2. 数据类型
TypeScript 中的数据类型包括数字、字符串、布尔值、数组、元组、枚举、任意类型、void 类型和 null、undefined 类型。
数字
数字可以是整数或浮点数。例如:
let x: number = 10;
let y: number = 3.14;
字符串
字符串是一组字符的序列。字符串必须用引号括起来,可以是单引号或双引号。例如:
let x: string = "Hello";
let y: string = 'World';
布尔值
布尔值只有两个取值:true
和 false
。例如:
let x: boolean = true;
let y: boolean = false;
数组
数组是一组有序的值的集合。数组用方括号括起来,各个值之间用逗号分隔。例如:
let fruits: string[] = ["apple", "banana", "orange"];
元组
元组是一组已知数量和类型的值的集合。例如:
let tuple: [string, number] = ["hello", 10];
枚举
枚举用于为一组数值赋予易于记忆的名称。例如:
enum Color {
Red,
Green,
Blue
}
let c: Color = Color.Green;
任意类型
任意类型可以表示任何类型的数据,可以在编译时和运行时不进行类型检查。例如:
let x: any = 10;
x = "Hello";
void 类型
void 类型表示没有返回值的函数。例如:
function sayHello(): void {
console.log("Hello");
}
null 和 undefined 类型
null 和 undefined 类型用于表示空值和未定义值。例如:
let x: null = null;
let y: undefined = undefined;
3. 运算符
TypeScript 中的运算符与 JavaScript 中的运算符相同,包括算术运算符、比较运算符、逻辑运算符、位运算符等。例如:
let x: number = 10;
let y: number = 20;
let z: boolean = true;
console.log(x + y); // 30
console.log(x > y); // false
console.log(z && (x < y)); // true
4. 流程控制语句
TypeScript 中的流程控制语句包括 if-else 语句、switch 语句、for 循环、while 循环、do-while 循环等。例如:
let x: number = 10;
let y: number = 20;
if (x > y) {
console.log("x is greater than y");
} else {
console.log("x is less than or equal to y");
}
switch (x) {
case 10:
console.log("x is 10");
break;
case 20:
console.log("x is 20");
break;
default:
console.log("x is neither 10 nor 20");
}
for (let i = 0; i < 5; i++) {
console.log(i);
}
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
let j = 0;
do {
console.log(j);
j++;
} while (j < 5);
5. 函数
函数是一段可重用的代码,用于执行特定的任务。TypeScript 中的函数可以有参数和返回值,也可以是匿名函数。例如:
function add(x: number, y: number): number {
return x + y;
}
let myFunction = function(x: number, y: number): number {
return x * y;
}
6. 类和接口
类是一种模板,用于创建对象,包括属性和方法。接口用于描述类的结构,包括属性和方法的名称和类型。例如:
class Person {
firstName: string;
lastName: string;
constructor(firstName: string, lastName: string) {
this.firstName = firstName;
this.lastName = lastName;
}
fullName(): string {
return this.firstName + " " + this.lastName;
}
}
interface IPerson {
firstName: string;
lastName: string;
fullName(): string;
}
常用功能
1. 类型声明
使用类型声明可以为 JavaScript 中的变量、函数或对象添加类型注解,方便后续进行类型检查。例如:
let x: number = 10;
function add(x: number, y: number): number {
return x + y;
}
let person: { firstName: string, lastName: string } = { firstName: "John", lastName: "Doe" };
2. 类型推断
TypeScript 可以根据上下文自动推断变量或函数的类型,避免了手动添加类型注解的繁琐。例如:
let x = 10; // 推断为 number 类型
let y = "Hello"; // 推断为 string 类型
function add(x: number, y: number) {
return x + y; // 推断返回值为 number 类型
}
3. 泛型
泛型可以在编写函数或类时,使其能够处理多种类型的数据。例如:
function identity<T>(arg: T): T {
return arg;
}
console.log(identity("Hello")); // "Hello"
console.log(identity(10)); // 10
总结:
以上就是我学习TypeScript 后学到的知识,虽然知道还有很多不足之处,但之后还是会持续学习,慢慢改正的.