13、类型推论|类型别名

皇子_2344

已于 2023-06-06 11:28:20 修改

阅读量42

点赞数

分类专栏： TS 文章标签： typescript

于 2023-04-03 17:41:01 首次发布

本文链接：https://blog.csdn.net/hz_2344/article/details/129935271

版权

TS 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文介绍了TypeScript中的类型推论，包括自动显示类型和未赋值时的any类型。接着讲解了类型别名的定义及联合类型的使用。同时对比了type和interface的区别，如继承、联合类型以及命名冲突的处理。还探讨了type的高级用法，如extends在类型断言中的作用。

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

1、类型推论

// 类型推论1：ts支持，鼠标放上去自行显示类型，这种可以省略写出类型
let num = 12
// 类型推论2：没有赋值的情况下
let str // 类型为any
str = 123
str = '123'

2、类型别名（使用type关键字定义）

type s = string
let str1: s = 'huangzi'
// 支持联合类型
type sn = string | number
let sn1: sn = 77
// 定义函数
type fn = (name: string) => void
// 定义对象
type obj = { id: string }
// 定义数组
type arr = number[]

3、type与interface区别

// 1、interface：A可以使用extends去继承B；type：只能使用交叉类型&
type obj1 = string & B
interface A extends B {
  name: string | null // 在属性上可以写联合类型
}
interface B { }
// 2、interface：不可以写联合类型；type：写联合类型非常简单
type obj2 = string[] | number
// 3、interface：遇到重名的会进行合并；type：遇到重名的不会合并，并报错

4、type高级用法

// extends在type中是包含的意思（左边的值会作为右边类型的子类型）
type result = 1 extends number ? 1 : 0 // type result = 1
type result1 = 1 extends any ? 1 : 0 // type result1 = 1
type result2 = 1 extends number ? 1 : 0 // type result2 = 1
type result3 = 1 extends never ? 1 : 0 // type result3 = 0