TypeScript学习笔记之类型兼容

最新推荐文章于 2024-11-02 15:22:06 发布

ndzdcofjgm

最新推荐文章于 2024-11-02 15:22:06 发布

阅读量197

点赞数 5

文章标签： typescript 学习笔记

本文链接：https://blog.csdn.net/qq_39237831/article/details/137756170

版权

本文介绍了TypeScript中的类型兼容性，包括协变（允许子类型拥有父类型的属性）和逆变（函数参数中子类型可以替换父类型）。重点讲解了如何通过双向协变在tsconfig中启用这种特性，以及安全性和限制。

摘要由CSDN通过智能技术生成

所谓的类型兼容性，就是用于确定一个类型是否能赋值给其他的类型。typeScript中的类型兼容性是基于结构类型的（也就是形状），如果A要兼容B，那么A至少具有B相同的属性。

协变

举例说明

interface A {
  name:string
  age:number
}

interface B {
  name:string
  age:number
  sex:string
}

let a:A = {
  name:"哈哈",
  age:33,
}

let b:B = {
  name:"呵呵",
  age:33,
  sex:"女"
}

a = b

A B两个类型完全不同，但是竟然可以赋值并无报错，B类型充当A类型的子类型，当子类型里面的属性满足A类型就可以进行赋值，也就是说不能少可以多，这就是协变。

逆变

逆变一般发生于函数的参数上面

举例说明

interface A {
  name:string
  age:number
}

interface B {
  name:string
  age:number
  sex:string
}

let a:A = {
  name:"哈哈",
  age:33,
}

let b:B = {
  name:"呵呵",
  age:33,
  sex:"女"
}

a = b

let fna = (params:A) => {

}
let fnb = (params:B) => {
  
}

fna = fnb //错误

fnb = fna //正确