Typescript学习——静态类型
程序员文章站
2022-07-12 15:51:29
...
静态类型:一经定义就不可以再修改。
一、定义静态类型
1:定义
let num:number = 1;
2:赋值
num = "str"; //报错,num是number类型的,只能接受number类型的数据
num = 55; // 正确用法
3:使用对应静态类型
变量被定义成了什么类型,那么这个变量对应就可以使用其类型对应的方法
console.log(typeof num.toString());
二:自定义静态类型
typeScript允许去自定义静态类型,例如现在定义一个Person的类型,然后在声明变量的时候,就可以使用这个静态类型了,看下面的代码。
interface Person {
uname: string;
age: number;
}
const xiaohong: Person = {
uname: "小李",
age: 23,
};
typeScript这个特点就大大提高了程序的健壮性,并且编辑器这时候也能给出十分友好的语法提示,加快了开发人员的开发效率。
三:基础静态类型
基础静态类型只需要在声明变量的后边加一个:号,后面跟上对应的类型。比如下面的代码,就是声明了一个数字类型的变量,叫做count。
const count : number = 666;
const myName :string = ‘xiaohong‘
类似这样常用的基础类型还有:null,undefinde,symbol,boolean,void。
四:对象类型
对象类型比较多,大概有:对象类型,数组类型,类类型,函数类型。
1:对象类型
定义一个人的对象,有age,height,name三个属性
const person : {
age:number,
height:number,
name:string
} = {
age:1,
height:20,
name:'camellia'
}
2:数组类型
定义一个人的数组,里边包含了不同的人
let personArray:string[] = ['小刚','小红','小李'];
字符串类型数组,里边只能是字符串,类型不统一的话会报错。
3:类类型
参数类型必须是对象
class persons{}
let personObj:persons = new persons();
4:函数类型
使用函数作为类型
const girl: () => string = () => {
return "大脚";
};
typescript静态类型的内容不多。但是一定要注意他的使用方法。