TypeScript 学习总结

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 后学到的知识,虽然知道还有很多不足之处,但之后还是会持续学习,慢慢改正的.