在学习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(布尔类型)
最基本的数据类型是简单的true/false,在JavaScript和TypeScript(其他语言也一样)中称为"boolean"类型。

var isDone:boolean = false;

Number(数字)
正如在JavaScript中,在TypeScript中的数值也都是浮点数。这些浮点数都是"number"类型的。

var height: number = 6;

String(字符串)
在JavaScript编写网页或者服务端程序中,另外一个重要的部分便是文本类型数据。和其他语言一样,我们使用字符串(string)来指代这些文本类型的数据。和JavaScript相同,TypeScript也是用双引号("")或者单引号('')来包含字符串数据。

var name: string = "bob";
name = 'smith';

Array(数组)
TypeScript和JavaScript一样,允许使用数组来含括一系列的值。有两种不同的方式来写一个数组。第一种是在元素类型后面用中括号([])来表示这种类型元素的数组:

var list:number[] = [1,2,3,4];

第二种是使用泛型创建类型数组,Array<elemType/ *数组元素的类型* />:

var list:Array<number> = [1, 2, 3];

Enum(枚举)
在JavaScript原生的标准数据集之外,TypeScript增加了一个很实用的"enum"类型。比如C#,枚举给了我们更友好的名称(数字类型)来辨别数值集合。

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
当我们编写应用程序的时候,我们可能需要描述一些不明确类型的变量。这些变量可能来自动态的内容,比如用户提供或者第三方库。在这些情况下,我们想要跳出类型检查并且让这些值通过编译时的检查。为了实现这个目的,我们使用"Any"类型来标识这些值:

var notSure: any = 4;
notSure = "maybe a string instead"; // 现在是string类型
notSure = false; // 现在是boolean类型

"any"类型对于处理我们现有的JavaScript代码很有好用,可以用它来控制编译时是否增加还是减少数据的类型检查。
如果你仅知道一部分数据类型而非全部数据类型,那么使用"any"类型是很方便的。例如,你可能有个数组,但这个数组的元素又是对应不同的数据类型。

var list:any[] = [1, true, "free"];
list[1] = 100;

Void
与"any"类型相对的是"void"类型,它代表没有任何类型。你也许经常看到它作为个不返回值的函数:

function warnUser(): void {
alert("This is my warning message");
}

TypeScript Basic Types(基本类型)的更多相关文章

  1. TypeScript学习指南第一章--基础数据类型(Basic Types)

    基础数据类型(Basic Types) 为了搭建应用程序,我们需要使用一些基础数据类型比如:numbers,strings,structures,boolean等等. 在TypeScript中除了Ja ...

  2. QML学习【一】Basic Types

      QML入门教程(1) QML是什么? QML是一种描述性的脚本语言,文件格式以.qml结尾.语法格式非常像CSS(参考后文具体例子),但又支持javacript形式的编程控制.它结合了QtDesi ...

  3. A Tour of Go Basic types

    Go's basic types are bool string int int8 int16 int32 int64 uint uint8 uint16 uint32 uint64 uintptr ...

  4. 编译器重复定义错误:error C2371: 'SIZE' : redefinition; different basic types

    我们常常会定义自己工程用的数据类型,可能会与Windows的基本数据类型冲突. vs会报重复定义错误:error C2371: 'SIZE' : redefinition; different bas ...

  5. 【TypeScript】TypeScript 学习 1——基本类型

    TypeScript 是 JavaScript 的超集,TypeScript 经过编译之后都会生成 JavaScript 代码.TypeScript 最大的特点就是类型化,因此才叫做 TypeScri ...

  6. Unity Lighting - Light Types 灯光类型(八)

      Light Types 灯光类型 We have now covered some of the project settings which need to be considered befo ...

  7. [C++] Variables and Basic Types

    Getting Started compile C++ program source $ g++ -o prog grog1.cc run C++ program $ ./prog The libra ...

  8. TypeScript完全解读(26课时)_2.TypeScript完全解读-基础类型

    2.TypeScript完全解读-基础类型 src下新建example文件夹并新建文件.basic-type.ts.截图中单词拼错了.后需注意一下是basic-type.ts 可以装tslint的插件 ...

  9. TypeScript完全解读(26课时)_12.TypeScript完全解读-高级类型(1)

    12.TypeScript完全解读-高级类型(1) 高级类型中文网的地址:https://typescript.bootcss.com/advanced-types.html 创建新的测试文件 ind ...

随机推荐

  1. SEO初级优化--HTML、CSS、JS

    HTML: 1.标签的有开有合. 2.避免冗余代码,例如去除空格字符. 3.合理利用标签语义化. 4.合理的嵌套规则,避免行元素内嵌套块元素. 5.img标签内需要添加title属性和alt属性. 6 ...

  2. opencv3-core之基本操作

    这一篇打算将core部分的例子说完,这都是基于<opencv2.4.9tutorial.pdf>中的core部分,其实这些例子后期都很稳定的,也就是说就算是2.3.1和2.4.10 ,这几 ...

  3. (译文)MVC通用仓储类

    Generic Repository Pattern MVC Generic Repository Pattern MVC 原文链接:http://www.codeproject.com/Articl ...

  4. 微软分布式云计算框架Orleans(1):Hello World

    自从写了RabbitHub框架系列后的一段时间内一直在思索更加轻量简便,分布式高并发的框架(RabbitHub学习成本较高),无意间在网上级联看到了很多新框架:从helios到Akka.NET在到Or ...

  5. WebApiTestClient自定义返回值说明

    WebApiTestClient是基于微软HelpPage一个客户端调试扩展工具,用来做接口调试比较方便.但是对返回值的自定义说明还是有缺陷的.有园友写过一篇文章,说可以通过对类进行注释,然后通过在I ...

  6. Bootstrap系列 -- 10. 网格布局

    一. 实现原理 网格布局是通过容器的大小,平均分为12份(可以修改),再调整内外边距,和表格布局有点类似但是也存在区别. 实现步骤如下: (1) 数据行.row 必须包含在容器.container 中 ...

  7. ModernUI教程:定义一个Logo

    ModernWindow的标题栏包含了一块区域用来显示自定义的窗体Logo: 这个窗体logo通过ModernWindow.LogoData属性来设置.这个属性是几何类型数据支持Path.Data m ...

  8. C# Gabbage Collecting System

    * 这个程序非常巧妙的探测了一下垃圾回收机制,发现如下结论: * 当内存紧急时,才会启动垃圾回收GC.Collect() * 从此程序的运行上来看,delete是连续出现的,这体现了垃圾回收的强度. ...

  9. 微信公众平台消息接口开发之微信浏览器HTTP_USER_AGENT判断

    在微信公众平台的开发过程中,我们有时需要开发网页并判断是否是是来自微信浏览器访问,本文介绍如何做出这一判断. 一.$_SERVER数组 $_SERVER 是一个包含了诸如头信息(header).路径( ...

  10. mysql 安装失败解决方法

    在安装mysql的过程中,出现的最麻烦的问题和解决方法 安装后,启动不成功,就卡了,程序就没有响应. 如何解决: 找到mysql安装目录下的 #Path to the database root da ...