TypeScript类型别名

HueiFeng

发布于 2020-04-10 16:45:55

6070

发布于 2020-04-10 16:45:55

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("男")

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度