第一阶段.模块二：学习笔记-TypeSrcipt的类型推论和兼容性

文章内容输出来源：拉勾教育大前端高薪训练营
文章说明：文章内容为学习笔记，学徒之心，仅为分享; 如若有误，请在评论区指出，如若您觉得文章内容对您有一点点帮助，请点赞、关注、评论，共享

上一篇：第一阶段.模块二：学习笔记-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)

结语：
来拉钩教育训练营学习已经有三周了，在没有来之前，我都是回家之后打游戏（游戏名：斗战神），来到这里之后才发现居然还有很多大佬也在学习，真的很惊讶，本人自身水平垃圾的一批，再不学习，以后可能一直就是混吃等死的状态了

首先来说，拉钩的课程很干，每个视频很短，都是干货，讲师没有一句废话，视频内容覆盖比较广，布置的作业也比较符合实际，导师也会及时批改，然后一周或两周必有直播，直播都会回答学习过程中所遇到的问题和新的内容

其次来说，每个班都有班级群，群里居然还有5年或6年的前端开发的大佬(⊙▽⊙)；班主任和导师也在群里，有任何问题都可以在群里@导师，班级群真的很活跃

最后来说一句，如果有其他人也是在打游戏混日子，不如来拉钩教育训练营，尝试着改变一下自己目前所处的环境

最后编辑于：2020.11.16 10:53:03