TypeScript学习之类型别名

我爱海鲸 2023-01-08 21:22:28 前端

简介ts类型别名

1、TypeScript 类型别名

类型别名可以用来给一个类型起一个新名字

采用关键字type 例如type Name = string | number

例子中的Name就表示可设置字符串和数值类型

也可采用type来约束取值只能是某些字符串中的一个:如

type EventNames = “click”|”scroll”|”mousemove”

2、测试

类型别名:

//类型别名 
// var str:string|number = "10"

type strType = string|number|boolean;
var str:strType = "10"
str = 10
str = true

可以对于接口也采用类型别名:

//可以对于接口也采用类型别名
interface muchType1{
    name:string
}
interface muchType2{
    age:number
}
type muchType = muchType1 | muchType2
var obj: muchType = { name: "张三" }
var obj2: muchType = { age: 10 }
var obj3: muchType = {name:"李四",age:10}

限制字符串的选择:

//限制字符串的选择
type sex = "男"|"女"
function getSex(s:sex):string{
    return s
}

getSex("男")

你好:我的2025