TypeScript从入门到精通(二)静态类型
程序员文章站
2022-07-12 15:46:47
...
前言 :TypeScript的静态类简单来讲就是你一旦定义了,就不可以再改变了(比如你是男人就是男人,一辈子都要作男人,不能变来变去)
1.开始学习
新建一个demo2.ts文件并写下一下代码
let count:number= 1
此时count就是数字类型的变量,:number 就是定义了一个静态类型,count永远都是数字类型了,不可改变,我们给count赋值一个字符串,此时就会报错了(下图展示错误代码)
但这只是最简单的理解,再往深一层次理解,你会发现这时候的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必须是数字,类型没有对应的话就会报错。这个特点就大大提高了程序的健壮性,并且编辑器这时候也会给你很好的语法提示,加快了你的开发效率。
上一篇: TypeScript静态类型
推荐阅读
-
springboot从入门到精通(二)
-
Linux的基本指令-Linux从入门到精通第二天
-
RabbitMQ 从入门到精通(二)
-
TypeScript从入门到精通(二)静态类型
-
网络安全从入门到精通 (第二章-6) 后端基础PHP—表单验证
-
MyBatis从入门到精通(二):MyBatis XML方式的基本用法之Select
-
《HTML、CSS、Javascript网页制作,从入门到精通》——第一章 HTML基础,第二章HTML基本标记
-
《Python编程:从入门到实践》第二章 变量和简单数据类型 习题答案
-
php中代码开始标志类型 php7 php环境搭建 php从入门到精通
-
Linux的基本指令-Linux从入门到精通第二天