前言
出于学习提升、成果展示、记录心得等目的,我选择将自己的一点学习笔记放置出来,希望能够帮助到有需要的人,同时,由于个人知识的片面,文章中可能会出现不正确的地方,希望发现者可以及时指出,以便及时修正,不误导后来人。接下来就开始文章正文吧。
TypeScript简易编译调试
JavaScript所对应的文件后缀名为.js,同理,TypeScript所对应的文件后缀名为.ts,所以,当我们需要进行TypeScript代码的编写的时候,我们首先应当创建一个.ts文件,例如hello.ts。但这个时候可能会有同学问:那么我们应该如何直观的在初学阶段检验调试TypeScript代码呢?与安装时类似,我们也可以通过CMD命令将我们编写好的TypeScript文件编译成为JavaScript文件,并通过NodeJS将其执行。以下为图文流程:
1、许多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 针对编程时类型不明确的变量使用的一种数据类型,在部分情况下,如改写代码时会派上用场。
图片展示:
注意,请尽量减少任意值的使用,以免发生其他的错误。