摘要: 泛型 给函数或者属性定义类型的时候,类型是固定的,当业务发生变动时可能不好维护,例如:函数类型固定为string,后续需求更改不好维护,比如需要传入number类型,那么这个函数就不适用了 function add( val : string) : string{ return val } 为了解决 阅读全文
posted @ 2023-01-29 21:08 兔子先森Ace 阅读(427) 评论(0) 推荐(0) 编辑
摘要: 可选参数--默认参数 在ts中定义的数据类型,某些情况下只需要传入定义数据类型的一部分参数,比如:id 、name、age、address,此时需要修改用户的名称,那么只需要传入id、name就够了;某些情况下需要修改用户的所有信息,需要传入全部参数;可以定义两个接口分别接收,但在这里定义一个接口也 阅读全文
posted @ 2023-01-29 21:07 兔子先森Ace 阅读(541) 评论(0) 推荐(0) 编辑
摘要: 在开发中有些功能是通用的,而且逻辑大致相同,像这种东西可以封成一个组件,比较常用的就是函数封装,组件封装,组件封装是需要引入到页面使用的,所以通常它会有一些自己的方法,父子组件可以通过一些值来进行关联,这种方式也就是我们所说的组件传值,vue3+ts的组件传值其实就是组件传值加上了数据类型约束,并没 阅读全文
posted @ 2023-01-29 21:06 兔子先森Ace 阅读(422) 评论(0) 推荐(0) 编辑
摘要: class可以用来做数据的存储与回显,能将页面的数据分离出来并提取到class内,函数也可以抽离到class,实例化class进行调用。ts中的class类与js的class类基本相同,不同点在于ts的class有数据类型约束,在使用class的时候,必须遵循定义的数据类型约束,class中有一个c 阅读全文
posted @ 2023-01-29 21:04 兔子先森Ace 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 在使用函数的时候,通常会给函数传值,或者给函数一个返回值调用,这个时候就会涉及到函数类型。 函数类型分为两个方面: 1、函数参数 2、函数返回值 语法: function 函数名( 参数 : 参数类型 ) : 返回值类型 { return 返回值 } 函数有几种不同的写法,分别为:声明函数、匿名函数 阅读全文
posted @ 2023-01-29 21:04 兔子先森Ace 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 联合类型 在实际开发中,我们接收的变量可能不是一个固定的数据类型,而是动态的多个数据类型,此时用单个固定的数据类型去接收很明显是不行的,为了解决这种可能会接收多个不同数据类型的变量就需要用到联合类型。联合类型表示取值可以为多种类型中的一种。 语法:let 变量名 : 数据类型 | 数据类型2 = 值 阅读全文
posted @ 2023-01-29 21:02 兔子先森Ace 阅读(150) 评论(0) 推荐(0) 编辑
摘要: object是一个对象,在ts中定义对象类型的语法为:let 变量名 :object = { } 在object类型中,对象内部定义的值是不受类型约束的,只要是一个object类型即可,例如: let obj : object = { name : '艺术概论', // 字符串 price : 99 阅读全文
posted @ 2023-01-29 21:01 兔子先森Ace 阅读(914) 评论(0) 推荐(0) 编辑
摘要: any类型 any类型,在ts中是一个万能类型,它可以替代所有类型,也就是说定义了any类型,就不用担心ts的类型束缚,但如果所有的类型都使用any那么ts就失去了它的作用,我们使用ts就是为了规范类型,any的主要使用场景是当一个值不确定的时候使用,此外要避免滥用any类型。 语法:let 变量名 阅读全文
posted @ 2023-01-29 20:59 兔子先森Ace 阅读(135) 评论(0) 推荐(0) 编辑
摘要: ts中,枚举类型就是,枚举里面的每个数据值都可以叫做元素,每个元素都有自己的编号,编号是从0开始的,依次递增加1 , 语法: enum 枚举名 {} 此处定义一个枚举类型,例如: enum Color{ red, // 0 green, // 1 blue // 2 } 在枚举类型中,属性的位置默认 阅读全文
posted @ 2023-01-29 20:59 兔子先森Ace 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 数组 在ts中,定义数组类型语法: let 变量名 : 数据类型[] = [值1,值2,值3] let arr1 : number[] = [1,2,3,4] console.log(arr1); // 输出 [1,2,3,4] 此外数字类型的定义还可以使用==泛型==,关于==泛型==的内容,下面 阅读全文
posted @ 2023-01-29 20:54 兔子先森Ace 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 在ts中定义基础类型, 语法 : let 变量名 : 数据类型 = 值 // 布尔类型 boolean let flag : boolean = true flag = false 在赋值的时候,不能赋值定义外的数据类型,例如 flag = 100 // 报错 报错,不能将数字复制给 boolean 阅读全文
posted @ 2023-01-29 20:53 兔子先森Ace 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 接口 接口也相当于语法规范,在使用ts编写的时候,需要注重的就是数据类型以及语法规范,恰好这里提供了一个接口,在进行传值的时候,传值的类型以及字段必须符合我们预期的类型规范才可以,下面是代码演示 语法:interface 接口名 { 参数名 : 数据类型 } ,例如: interface IPers 阅读全文
posted @ 2023-01-29 20:50 兔子先森Ace 阅读(323) 评论(0) 推荐(0) 编辑