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

TypeScript从入门到精通(二)静态类型

程序员文章站 2022-07-12 15:46:47
...
前言 :TypeScript的静态类简单来讲就是你一旦定义了,就不可以再改变了(比如你是男人就是男人,一辈子都要作男人,不能变来变去)
1.开始学习

新建一个demo2.ts文件并写下一下代码

let count:number= 1

此时count就是数字类型的变量,:number 就是定义了一个静态类型,count永远都是数字类型了,不可改变,我们给count赋值一个字符串,此时就会报错了(下图展示错误代码)

TypeScript从入门到精通(二)静态类型
但这只是最简单的理解,再往深一层次理解,你会发现这时候的count变量,可以使用number类型上所有的属性和方法。我们可以通过在count后边打上一个 . 看出这个特性,并且编辑器会给你非常好的提示。这也是为什么我喜欢用VScode编辑器的一个原因。

1.定义类型

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

// interface 接口 后面会详细讲解
// 定义类型
interface hahaya {
    name : string,
    age  : number 
}

let xiaoha :hahaya={
    name:"哈哈呀",
    age:23
}

此时在 hahaya 接口中定义的 name 是string类型,age 是number类型, 所以下面 xiaoha里面的 name的内容必须是是字符串,age必须是数字,类型没有对应的话就会报错。这个特点就大大提高了程序的健壮性,并且编辑器这时候也会给你很好的语法提示,加快了你的开发效率。