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

前言 :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必须是数字,类型没有对应的话就会报错。这个特点就大大提高了程序的健壮性,并且编辑器这时候也会给你很好的语法提示,加快了你的开发效率。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值