引入
为了项目的实用性,我们需要几种最简单的数据单元: number, string, structures, boolean, 以及等等.
在typescript中,语言支持的数据类型和javascript几乎一致,它额外包含一些方便的枚举类型.
boolean
最基本的数据类型是简单的 true/false值, js 和ts 称之为 boolean 值
let isDone: boolean = false
number
和js一样,ts中所有的数字都是浮点类型, 这些浮点类型的数字称为number类型
在16进制和10进制的基础上,ts同时支持2进制和8进制写法(这一特性由es6引入)
let decimal: number = 6;
let hex:number = 0xf00d
let binary: number = 0b1010
let octal: number = 0o744
string
和其他语言一样,我们使用string 类型来表达文本数据.和js一样,ts同样使用双引号或者单引号来表示string数据
let color: string = 'blue';
name = "red"
你同样能使用模板字符串(支持多行和嵌入表达式, 参见es6 模板字符串),用(`)来表示,使用时的格式: ${expr}
let fullname: string = `bob bobbington`;
let age: number = 37;
let sentence: string = `hello, my name is ${fullname}.
i 'll be ${age + 1} years old next month`
这和下面的表达式输出相同:
let sentence : string = "Hello, my name is " + fullname + ".\n\n" + "I'll be " + (age + 1) + " years old next month."
array
ts和js一样,支持数组类型,数组类型有两种写法:
- 第一种:
let list: number[] = [1, 2, 3] - 第二种: 这是更一般的数组写法,
let list: Array= [1, 2, 3]
tuple
tuple类型允许你表达复合类型的'数组',例如string和number类型的组合:
//declare a tuple type
let x: [string, number];
x = ['hello', 10]; //ok
x = [10, 'hello']; //error
这时要注意:
当调用某些特定数据类型的方法时,需要检测tuple当前index 的数据类型
console.log(x[0].substr(1)); //ok
console.log(x[1].substr(1)); //error, 'number' does not have 'substr'
有意思的特性:当操作那些超过已知索引的元素时,这时它的数据类型可以看作是union type
x[3] = 'world' //ok, (string|number)
console.log(x[5].toString()) //ok, 'string' 和 'number'都有 toString 方法
x[6] = true //error, boolean isn't in (string | number)
union类型在后续的章节中还会有深入研究
enum
一个对js数据类型标准很有帮助的扩充, 和 c# 语言一样, enum类型提供了一种方式来对数值设置更友好的命名
enum Color {red, green, blue};
let c: Color = Color.green;
默认情况下, enum 从 0 开始对它的成员计数, 然而你可以手动的对某一成员进行更改
一个例子:
enum Color {red = 1, green, blue};
let c: Color = Color.green
甚至可以手动的设置enum里每一个值:
enum Color {red = 1, green = 2, blue = 4};
let c: Color = Color.green
enum类型一个便利的特征是: 你能够通过这些数字索引来获取enum里这些成员的值.
一个例子:
enum color {red = 1, green, blue}
let colorName: string = color[2]
alert(colorName) //green
any
我们也许会碰到这样的情况: 当我们在写一个应用,并需要描述一个我们并不知道的变量的类型. 例如来自于第三方库或使用者,在这种情况下,我们想要选择性的去掉类型检查以及让变量通过编译时的检查,为了上述目的, 我们把这些变量定义为 any 类型:
let notSure: any =4;
notSure = "maybe a string instead";
notSure = false; //ok
在当前的js环境中 any 类型是一种强有力的工具, 允许你在编译期选择性的加入和去掉变量类型检查.你也许会想到 object类型也扮演着相似的角色,就像其他语言中一样.但是object类型的变量只允许你对它赋任何值---你不能调用这些数据类型的任意方法,即使这些方法确实存在
let notSure : any = 4;
notSure.ifItExists(); //ok, function may exist at runtime
notSure.toFixed(); //ok, toFixed exists ,Number 四舍五入为指定小数位数的数字。
let prettySure: Object = 4;
prettySure.toFixed() //error, property "toFixed" doesn't exist on type 'object'
在这种情况下any 类型是非常便利的: 你知道某一部分类型, 但是并不知道全部.例如, 一个数组拥有混合的数据类型;
let list: any[] = [1, true, 'free'];
list[1] = 100;
void
void 有点像any类型的对立面: 无类型. 你经常会在函数的返回类型里看到它: 无返回类型(类似于c++)
function warnUser(): void {
alert('this is my some message')
}
声明变量类型为void 是无效的,因为你仅仅只能给他赋值 undefined 或null
let a: void = undefined
type assertions(类型声明)
关于某些变量, 有时我们会比ts知道的更多,通常这发生在:我们知道某些实体变量的类型比它当前的类型更特殊
类型声明意味着一种途径来告诉编译器: '相信我, 我知道我正在做什么'. 类型声明就像其他语言中的类型抛出一样, 但是在检查或重构数据时并不会表现什么不同. 它仅仅被编译器使用.ts假设你已经做了任何需要的类型检查.
类型声明有两种语法格式, 一种被称为 'angle-bracket' 语法:
let someValue: any = 'this is a string'
let strLength: number = (someValue).length
另一种被称为 'as' 语法:
let someValue: any = 'this is a string'
let strLength: number = (someValue as string).length
两种语法是等价的,使用哪一种完全取决于你的代码风格: 然而,当你同时使用JSX时, 只有'as' 语法被支持
关于let 变量
你也许已经注意到了,我们一直在使用let 关键字来代替js中的var 关键字.let关键字实际上定义了一种新的js结构(ts同样支持,由es6引入).以前js中许多常见的问题都能够通过使用let 来避免. 因此 放弃使用var, 用let来完全取代它吧~~