文章分类 -  ts学习

ts类型断言和类型守卫
摘要：1、类型断言 情况：有些时候ts会根据类型推断报错，在万不得已的情况下使用断言推断要谨慎 点击查看代码 //类型断言 interface privateInfo{ name:string, id: number } const params = {} as privateInfo params.na 阅读全文
posted @ 2022-02-17 14:42 ～城南花已开～ 阅读(301) 评论(0) 推荐(0)
ts泛型理解
摘要：1、初始泛型 过程：函数后的会先捕获传入的参数的类型，然后使用该类型传参，并要求返回同类型的值 点击查看代码 function returnItem<T>(params:T):T { return params; } 注意：T是一个特殊的变量，只表示类型，不作为值 2、多个类型参数 点击查看代码 / 阅读全文
posted @ 2022-02-17 11:19 ～城南花已开～ 阅读(537) 评论(0) 推荐(0)
ts类的使用
摘要：1、抽象类 情况：用于实现同一种目的，比如要计算面积，而三角形、圆形、梯形的求面积方式不同，但是知道是需要有求面积的方法，就需要一个抽象类求面积 点击查看代码 // 抽象类 abstract class Animal { abstract makeSound():void move():void{ 阅读全文
posted @ 2022-02-16 17:39 ～城南花已开～ 阅读(76) 评论(0) 推荐(0)
ts函数使用
摘要：1、基本使用 隐式定义函数： const add = (a: number, b: number) => a + b 显示定义函数： const add:(a:number, b:number) => number = (a:number, b:number) => a + b; 注意：平常写代码时 阅读全文
posted @ 2022-02-16 16:51 ～城南花已开～ 阅读(205) 评论(0) 推荐(0)
ts接口使用
摘要：1、基本使用 点击查看代码 //定义好接口 interface User { name: string //User的可选属性 age?: number //User的只读属性 readonly isMale: boolean }; const getUserName = (user: User) 阅读全文
posted @ 2022-02-16 11:29 ～城南花已开～ 阅读(209) 评论(0) 推荐(0)
ts的常见复杂类型
摘要：ts常见复杂类型有object、数组、元组、枚举、普通对象 1、object非原始类型 点击查看代码 enum Direction { Center = 1 } let value: object value = Direction //枚举类型 value = [1] //数组 value = [ 阅读全文
posted @ 2022-02-16 10:13 ～城南花已开～ 阅读(455) 评论(0) 推荐(0)
ts的常见简单类型
摘要：ts的原始类型有boolean、number、string、void、undefined、null、symbol、bigint 1、布尔类型 let flag:boolean; flag = !0; let bo:boolean = new Boolean(true); //error 注意： (1 阅读全文
posted @ 2022-02-14 17:24 ～城南花已开～ 阅读(454) 评论(0) 推荐(0)
引入ts开发环境，tsconfig.json配置解析
摘要：浏览器认识js但不认识ts，ts编译之后是js文件，ts是可以在编码过程中提前锁定到编译后会报错的位置，对其进行修改，可以有效避免bug 1、终端命令tsc -v检查项目是否安装tsc编译环境 2、未安装执行cnpm install -g typescript（安装过cnpm） 3、编译单个文件ts 阅读全文
posted @ 2022-02-08 15:28 ～城南花已开～ 阅读(619) 评论(0) 推荐(0)