摘要: 一、函数中的泛型 基础语法: function 函数名<类型变量名>(参数名: 类型变量名): 类型变量名 { return 返回值; } 函数名<数据类型>(参数) 当函数调用时,<数据类型> 中的数据类型会传递到函数的“类型变量名”身上。 示例代码: function foo<T>(x: T): 阅读全文
posted @ 2022-07-27 10:32 Simon9527 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 一、基础语法 class 类名 { } 二、类的属性 基础语法: class 类名 { 属性名: 数据类型 = 属性值; contructor(形参名: 数据类型) { this.属性名 = 属性值; } } 代码示例: interface State { name: string; age: nu 阅读全文
posted @ 2022-07-27 10:31 Simon9527 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 接口和函数 一、约束函数参数类型 interface Person { name: string; age: number; } function foo(student: Person) { } foo({ name: '张三', age: 20 }) 二、约束函数返回值类型 interface 阅读全文
posted @ 2022-07-27 10:30 Simon9527 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 在 TS 中,关于对象属性的类型约束,会比较繁琐,例如: const student: { name: string, age: number, gender: string } = { name: '张三', age: 20, gender: '男' }; const teacher: { nam 阅读全文
posted @ 2022-07-27 10:28 Simon9527 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 一、联合类型 联合类型,指的就是我们可以将多个数据类型通过 | 联合成一个整体。类似于 JS 中 || 运算符的作用。 基础语法: 变量名: 类型一 | 类型二 | 类型三 变量的值只要满足联合类型中的其中一个类型即可。 代码案例 示例代码: let a: string | number = 20; 阅读全文
posted @ 2022-07-27 10:27 Simon9527 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 有些时候我们会遇到一种情况,我们开发者比 TS 更清楚某一个数据的信息。 例如某一条数据 TS 检测出来该数据的类型可能会有问题,但是我们作为开发者,我们确定当前数据的类型,然后我们就可以通过断言的方式,告诉 TS:相信我,我知道自己在干什么。 一、基础语法 类型断言有两种语法:<> 和 as。基础 阅读全文
posted @ 2022-07-27 10:25 Simon9527 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 函数 一、基础语法 JS 中创建函数分为两种方式:函数声明、函数表达式。 1、函数声明 在 JS 中函数声明的语法如下: function 函数名(形参名) { return 返回值; } 在 TS 中函数声明的语法如下: function 函数名(形参名: 数据类型): 返回值类型 { retur 阅读全文
posted @ 2022-07-27 10:23 Simon9527 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 一、定义变量 TS 中创建变量有四个要素: 定义变量的关键字:var、let、const 变量名 变量的数据类型 变量的初始值 语法结构如下: let 变量名: 数据类型 = 初始值 注意,变量的初始值必须是当前定义的数据类型。 例如: let a: number = 10; 二、TS 的数据类型 阅读全文
posted @ 2022-07-27 10:22 Simon9527 阅读(983) 评论(0) 推荐(0) 编辑