企业官网建设流程全解析

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准,它是在程序编译时进行类型校验的。

一.常见基本类型

二.基本结构

1.变量声明

推荐使用let和const

let age: number = 25; const pai: number = 3.14;

2.函数声明

函数声明：TypeScript 允许声明带有类型注解的函数，包括参数类型和返回值类型。

const getData(id:string) :string=>{ 'id'+id }

3.类声明

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

4.接口声明与类型别名

//接口（Interface）：用于描述对象的形状，接口可以继承和扩展。 interface Animal { name: string; age: number; makeSound(): void; } //类型别名（允许为对象类型、联合类型、交叉类型等定义别名。） type ID = string | number|null

5.类型断言

Ts无法准确识别变量类型时，通过断言来强制转换变量类型

let id: unknown = '11111111'; const data: string[] = getdata(id as string)

6.泛型

泛型允许在定义函数、接口或类时不指定具体类型，而是使用占位符，让用户在使用时传入具体类型。泛型能够增加代码的复用性和类型安全性。

function identity<T>(arg: T): T { return arg; } 1.不明确传入类型，隐式泛型（自动推断类型） let data =identity('hai') //T:string let dataArry =identity([1,2,3]) //T:number[] 2.明确传入T类型 let data =identity<string>('hai') let dataArry =identity<number[]>([1,2,3])

7.类型守卫

TypeScript 提供了类型守卫（如 typeof 和 instanceof），用于在运行时缩小变量的类型范围。

function isString(value: any): value is string { return typeof value === 'string'; } value = 1 -false value= "hai" - true