文章说明:文章内容为学习笔记,学徒之心,仅为分享; 如若有误,请在评论区指出,如若您觉得文章内容对您有一点点帮助,请点赞、关注、评论,共享
上一篇:第一阶段.模块二:学习笔记-TypeSrcipt的枚举
下一篇:第一阶段.模块二:学习笔记-TypeSrcipt的高阶特性一
ts 中的类型推论和兼容性
1-ts 中的类型推论
(1)ts 中的类型推论的基础
// namesssss没有声明类型,但是ts自己会判断对应的值应该是哪种类型
let namesssss = 'hello'
// 再次给namesssss赋值为数值,就会报错了
namesssss = 123 //不能将类型“123”分配给类型“string”
(2)ts 中的类型推论的多类型联合
// namesssss没有声明类型,但是ts自己会判断对应的值应该是哪种类型
let namesssss = [123,'hello']
// 再次给namesssss增加一个值为false,就会报错了
namesssss = ['hello',123,false] // 不能将类型“false”分配给类型“string | number”
(3)ts 中的类型推论的上下文类型
也是ts自己来推断具体是哪种类型
window.onmousedown = (e)=>{ // 这里的e就是ts自己来推断具体是哪种类型
console.log(e.a)
}
2-ts 中的类型兼容性
(1)ts 中的类型兼容性的基础
(2)ts 中的类型兼容性的函数兼容性
参数个数 参数类型 可选参数和剩余参数 函数参数双向协变
let funA = (arg:number|string):void=>{}
let funB = (arg:number):void=>{}
funA =funB // 把funB函数赋给funA 是可以的
funB =funA // 把funA函数赋给funB 也是是可以的
返回值类型
let funA = ():string | number => 0
let funB = ():string=> 'aa'
funA =funB // 把funB函数赋给funA 是可以的
funB =funA // 把funA函数赋给funB 就会报错
函数重载
// 函数重载有2个
function merge(arg1: number, arg2: number): number
function merge(arg1: string, arg2: string): string
function merge(arg1: any, arg2: any) {
return arg1 + arg2
}
// 函数重载只有一个
function sum(arg1: number, arg2: number): number
function sum(arg1: any, arg2: any) {
return arg1 + arg2
}
let funcs = merge
funcs = sum // 这就不行 不能将类型“string”分配给类型“number”。
// let funcs = sum
// funcs = merge // 这就可以
(3)ts 中的类型兼容性的枚举
数字枚举和数字枚举是兼容的
enum People{
Man,
Woman
}
enum Animal{
Dog,
Cat
}
let p =People.Man
p = 12 // 是兼容的
p = Animal.Dog // 不能将类型“Animal.Dog”分配给类型“People”。
(4)ts 中的类型兼容性的类
类的兼容性的比较,其实本质上是比较 类的实例中的成员 类自身中的的静态成员、构造函数 constructor 是不会进行比较的 类自身中的的私有成员 private、受保护的成员 protected、是会进行比较的
(5)ts 中的类型兼容性的泛型
类型参数
interface Nihao<T> {}
let nihao: Nihao<number>
let nihao2: Nihao<string>
nihao = nihao2 // 不报错
interface Nihao<T> {
name: T
}
let nihao: Nihao<number>
let nihao2: Nihao<string>
nihao = nihao2//不能将类型“Nihao<string>”分配给类型“Nihao<number>”。
// 不能将类型“string”分配给类型“number”。ts(2322)