TypeScript学习笔记-2 基础类型及简单编译方法

前言

出于学习提升、成果展示、记录心得等目的,我选择将自己的一点学习笔记放置出来,希望能够帮助到有需要的人,同时,由于个人知识的片面,文章中可能会出现不正确的地方,希望发现者可以及时指出,以便及时修正,不误导后来人。接下来就开始文章正文吧。

TypeScript简易编译调试

JavaScript所对应的文件后缀名为.js,同理,TypeScript所对应的文件后缀名为.ts,所以,当我们需要进行TypeScript代码的编写的时候,我们首先应当创建一个.ts文件,例如hello.ts。但这个时候可能会有同学问:那么我们应该如何直观的在初学阶段检验调试TypeScript代码呢?与安装时类似,我们也可以通过CMD命令将我们编写好的TypeScript文件编译成为JavaScript文件,并通过NodeJS将其执行。以下为图文流程:

1、许多IDE都支持TypeScript文件的创建,创建后同JavaScript文件是一个空白文件
许多IDE都支持TypeScript文件的创建,创建后同JavaScript文件是一个空白文件2、我们可以在创建的TypeScript文件里面直接写入JavaScript代码,因为TypeScript本身就是JavaScript的超集,此处写入一个简单的输出语句并保存
在这里插入图片描述
3、保存好之后打开CMD,跳转到你创建TypeScript文件的位置,并输入tsc 文件名.ts,安装完毕的TypeScript会编译你指定的文件并生成一个对应的JS文件
在这里插入图片描述4、此时使用NodeJS的指令即可运行刚刚编译完毕的同名JS文件查看结果了
在这里插入图片描述

基础类型

TypeScript中数据类型的定义是在定义数据时于名称后添加一个冒号,并在冒号后输入对应的关键字,接下来主要是介绍类型格式

number

双精度 64 位浮点值。可表示二进制、八进制、十进制、十六进制等。
图片展示:在这里插入图片描述

string

与其他许多编程语言相同,string是通过英文单双引号来表示字符串。
例:let hello:string="hello TypeScript";

boolean

表示逻辑值true和false
例:let flag:string="false";

数组

有两种方式可以声明数组
例:let arr: number[] = [1, 2];let arr:Array<number> = [1, 2];

元组

元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
例:let x: [string, number];x = ['张三', 110];
注意,如果数据和声明中的不一致,则IDE会报错

枚举

枚举类型用于定义数值集合。
图片展示:
在这里插入图片描述此处可见,当输入枚举是,IDE会自动为其设定默认数值,这个数值也可以自己手动修改,例如:
在这里插入图片描述观察编译后的JS代码可以帮助我们理解枚举的原理,编译后的JS文件内容为:在这里插入图片描述

void

用于标识方法返回值的类型,表示该方法没有返回值。
例:function hello(): void {alert("Hello TypeScript");}

any

任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型,在部分情况下,如改写代码时会派上用场。
图片展示:
在这里插入图片描述
注意,请尽量减少任意值的使用,以免发生其他的错误。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值