Typescript（二）静态类型

静态类型：就是你一旦定义了，就不可以再改变他的类型了。

一：定义静态类型

1：定义

let count:number = 1;

2：赋值

count = "str";  // 这样写会报错，count只能接受number类型的数据
count = 55; // 这个样子写是没有问题的

3：使用对应类型的方法

你讲变量定义成了何种类型，那么这个变量对应就可以使用其类型对应的方法

console.log(typeof count.toString());

二：自定义静态类型

你还可以自己去定义一个静态类型，比如现在你定义一个小姐姐的类型，然后在声明变量的时候，就可以使用这个静态类型了，看下面的代码。

interface XiaoJieJie {
  uname: string;
  age: number;
}
 
const xiaohong: XiaoJieJie = {
  uname: "小红",
  age: 18,
};

这时候你如果声明变量，跟自定义不一样，VSCode直接就会报错。需要注意的是，这时候xiaohong变量也具有uname和age属性了。

这节课你需要记住的是，如果使用了静态类型，不仅意味着变量的类型不可以改变，还意味着类型的属性和方法也跟着确定了。

这个特点就大大提高了程序的健壮性，并且编辑器这时候也会给你很好的语法提示，加快了你的开发效率。

三：基础静态类型

基础静态类型非常简单，只要在声明变量的后边加一个:号，然后加上对应的类型哦。比如下面的代码，就是声明了一个数字类型的变量，叫做count。

const count : number = 918;
const myName ：string = ‘camellia‘

类似这样常用的基础类型还有，我这里就举几个最常用的：null,undefinde,symbol,boolean，void

四：对象类型

对象类型比较多，大概有：对象类型，数组类型，类类型，函数类型。

1：对象类型

定义一个人的对象，有age，height，name三个属性

const person : {
    age:number,
    height:number,
    name:string
} = {
    age:1,
    height:20,
    name:'camellia'
}
console.log(person);

2：数组类型

定义一个人的数组，里边包含了不同的人

let personArray:string[] = ['香秀','刘英','王小蒙'];
console.log(personArray);

字符串类型数组，里边只能是字符串，类型不统一的话会报错。

3：类类型

参数类型必须是对象

class persons{}
let personObj:persons = new persons();

4：函数类型

使用函数作为类型

const girl: () => string = () => {
  return "大脚";
};

typescript静态类型的内容不多。但是一定要注意他的使用方法。

有好的建议请在下方输入你的评论。

欢迎访问个人博客
https://guanchao.site

欢迎访问小程序：