欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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静态类型的内容不多。但是一定要注意他的使用方法。

上一篇: 遍历json

下一篇: Json理解