在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
在学习TypeScript之前,我们需要先知道怎么才能让TypeScript写的东西正确的运行起来。有两种方式:使用Visual studio 和使用 NodeJs。 这里我选择的是NodeJs来编译TypeScript,因为我笔记本上的VS是2012的,在TypeScript的官网看到下载是TypeScript for VS2013和TypeScript for VS2015。额,顺带贴上TypeScript的官网,有需要的去下载。 然后使用NodeJs编译TypeScript的方法: // 安装 install : npm install -g typescript // 编译 compile : tsc your.ts 使用VS的限于VS版本2013及2015的,可以下载相关组件,然后新建"TypeScriptFile"。在.ts文件下会有个.js文件,.js就是自动编译后的文件了,然后html引用.js文件即可。 为了让程序可运行,我们需要使用一些数据的基本类型:numbers, strings, structures, boolean等。TypeScript支持这些在JavaScript中会用到的数据类型,并且还提供了实用的枚举类型。 Boolean(布尔类型) var isDone:boolean = false; Number(数字) var height: number = 6;
String(字符串) var name: string = "bob"; name = 'smith'; Array(数组) var list:number[] = [1,2,3,4];
第二种是使用泛型创建类型数组,Array<elemType/ *数组元素的类型* />: var list:Array<number> = [1, 2, 3];
Enum(枚举) enum Color {Red, Green, Blue}; var c: Color = Color.Green; 默认情况下,枚举中的元素是从0开始编号的。你可以通过手动设置元素的这个值。比如,我们现在设置从1开始,而非原先例子中的0: enum Color {Red = 1, Green, Blue}; var c: Color = Color.Green; 或者,即使是手动设置所有枚举元素的数值都是可以的: enum Color {Red = 1, Green = 2, Blue = 4}; var c: Color = Color.Green; 枚举类型有个便捷的特性,你可以通过数值来查找枚举中的对应的元素名称。我们看例子,假如我们有一个数值是2,但我们不知道在上面的枚举中对应的是哪个元素,那么我们可以查找相对应的名称: enum Color {Red = 1, Green, Blue}; var colorName: string = Color[2]; alert(colorName); Any var notSure: any = 4; notSure = "maybe a string instead"; // 现在是string类型 notSure = false; // 现在是boolean类型 "any"类型对于处理我们现有的JavaScript代码很有好用,可以用它来控制编译时是否增加还是减少数据的类型检查。 var list:any[] = [1, true, "free"]; list[1] = 100; Void function warnUser(): void { alert("This is my warning message"); } |
请发表评论