「TypeScript」入门进阶(一)✈️---类型别名、字符串字面量与元组-阿里云开发者社区

「TypeScript」入门进阶(一)✈️---类型别名、字符串字面量与元组

2022-04-25 125

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 「TypeScript」入门进阶(一)✈️---类型别名、字符串字面量与元组

前言🎉

type otherType=number;
let other:otherType;
other=5;
复制代码

var other;
other = 5;
复制代码

type otherObj={
    name:string
};
interface sthObj{
    name:string
};
let obj1:otherObj={
    name:'掘金'
};
let obj2:sthObj={
    name:'小卢'
};
复制代码

这样写是完全没有问题的，那什么时候我们改用别名什么时候接口呢？因为我们的type只是起了别名，所以当我们要给类型拓展的时候就要使用接口了，因为type不可以被继承。类型别名常用于联合类型。

type sthingFruit= "apple" | "banana" | "mango";
let fruit:sthingFruit;
fruit="apple";
fruit="grapes"; //报错
复制代码

在上面的例子中我们将sthingFruit约束为只能接受 applebananamango的一个类型，那么其他变量在使用这个类型的时候就只能选择里面允许的值，像上面给他一个grapes是不可取的。

let fruit:string[]=['apple','banana',"mango"];
let fruit1:string[]=['apple','banana',25]; //报错 
复制代码

可以看到如果给定义了string类型的数组添加number类型的数值，他就会报错不能将类型“number”分配给类型“string”。
在JavaScript中的数组没有这些限制，那有没有一种情况我们TypeScript一个数组中也可以既可以有string类型又有number类型呢？这时候就需要我们的元组出场了。
元组（Tuple）合并了不同类型的对象，我们可以这样书写。

let fruit:[string,number,string];
fruit=['apple',25,'banana'];
fruit=['apple',25]; //报错
复制代码

网络异常，图片无法展示

let fruit:[string,number,string];
fruit=['apple',18,'banana'];
fruit[0]='watermelon';
fruit[1]=20;
fruit[3]=21; //报错 类型不对
复制代码

let fruit:[string,number];
fruit=['apple',18];
fruit.push('banana');
fruit.push('grapes');
fruit.push('oranges');
复制代码