TypeScript类型别名

var str1:string|number="10";

通过如上代码我们既可以是字符串也可以是数值

那么通过类型别名进行定义,那么下面我们可以是我们定义的类型

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

当然我们可以对我们的接口也采用类型别名方式

interface muchType1{
    name:string
}
interface muchType2{
    age:number
}

通过如下代码我们就可以采用类型别名的方式进行创建了

type muchType=muchType1|muchType2
var obj:muchType={name:"张三"}
var obj2:muchType={age:10}
var obj4:muchType={name:"张三",age:10}

限制字符串的选择

type sex="男"|"女";
function getSex(str:sex):string
{
    return str;
}
getSex("1")
getSex("男")

通过如下图我们可以看到已经对我们的字符串进行限制了.

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript 中的接口和类型别名都可用于定义类型,但在一些情况下,它们有不同的使用场景。 接口用于描述对象的形状,可以用来定义对象的属性、方法和方法的参数类型。例如: ```typescript interface Person { name: string; age: number; sayHello: () => void; } const person: Person = { name: 'Tom', age: 18, sayHello() { console.log(`Hello, my name is ${this.name}`); } }; ``` 类型别名用于给一个类型定义一个新的名字,可以用来定义基本类型、联合类型、交叉类型等。例如: ```typescript type Age = number; type Name = string; type Person = { name: Name; age: Age; }; const person: Person = { name: 'Tom', age: 18, }; ``` 需要注意的是,接口和类型别名都可以用于描述函数类型: ```typescript interface Add { (a: number, b: number): number; } type Sub = (a: number, b: number) => number; const add: Add = (a, b) => a + b; const sub: Sub = (a, b) => a - b; ``` 但是,接口和类型别名在描述函数类型时有所不同。接口可以描述函数的可选参数、默认参数和剩余参数,而类型别名则不能。例如: ```typescript interface Func { (a: number, b?: number, ...rest: number[]): void; } type FuncAlias = (a: number, b?: number, ...rest: number[]) => void; const func: Func = (a, b, ...rest) => { console.log(a, b, rest); }; const funcAlias: FuncAlias = (a, b, ...rest) => { console.log(a, b, rest); }; ``` 因此,在需要描述函数类型时,建议优先使用接口。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值