TypeScript 基础类型

  • A+
所属分类:Web前端
摘要

TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了枚举类型。也可这样写

TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了枚举类型。

布尔值(boolean)

let isDone: boolean = false; 

也可这样写

let isDone: boolean = Boolean(1) 

但是需要注意,一下写法返回的是 Boolean 对象,非 boolean 类型

let isDone: Boolean = new Boolean(1) 

可通过 .valueOf() 方法获取实际的 boolean 类型

数字(number)

和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。

let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: number = 0b1010; let octalLiteral: number = 0o744; 

字符串(string)

可使用双引号(")或单引号(')表示字符串。

let name: string = "bob"; name = "smith"; 

还可使用模板字符串,来定义多行文本ho或内嵌表达式,使用(`)包围,并以 ${expr} 嵌入表达式。

let name: string = `Gene`; let age: number = 37; let sentence: string = `Hello, my name is ${ name }. I'll be ${ age + 1 } years old next month.`; 

数组(Array)

let list: number[] = [1, 2, 3]; 

数组泛型

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

元组(Tuple)

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 比如,你可以定义一对值分别为 string和number类型的元组。

// Declare a tuple type let x: [string, number]; // Initialize it x = ['hello', 10]; // OK 

当访问一个已知索引的元素,会得到正确的类型。

console.log(x[0].substr(1)); // OK 

枚举(enum)

enum Color {Red, Green, Blue} let c: Color = Color.Green; 

默认情况下,从0开始为元素编号。 你也可以手动的指定成员的数值。 例如,我们将上面的例子改成从 1开始编号:

enum Color {Red = 1, Green, Blue} let c: Color = Color.Green; 

或者,全部都采用手动赋值:

enum Color {Red = 1, Green = 2, Blue = 4} let c: Color = Color.Green; 

通过枚举值获取枚举的名称。

enum Color {Red = 1, Green, Blue} let colorName: string = Color[2];  console.log(colorName);  // 显示'Green'因为上面代码里它的值是2 

任意值(any)

已声明类型的普通类型,在代码执行过程中,不允许改变类型。

let myFavoriteNumber: string = 'seven'; myFavoriteNumber = 7;  // index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'string'. 

如果定义为 any 类型,则可更改变类型。

let myFavoriteNumber: any = 'seven'; myFavoriteNumber = 7; 

声明一个变量为任意值之后,对它的任何操作,返回的内容的类型都是任意值。

无返回值(void)

一般用于 function 无返回值情况。

function warnUser(): void {     console.log("This is my warning message"); } 

此类型用于变量什么无实际意义,因为你只能为它赋予 undefined 和 null。

let u: void; let num: number = u;  // Type 'void' is not assignable to type 'number'. 

Null 和 Undefined

默认情况下 null 和 undefined 是所有类型的子类型。 就是说你可以把 null 和 undefined 赋值给 number 类型的变量

let u: undefined = undefined; let n: null = null; let num: number = undefined; 
let u: undefined; let num: number = u; 

Object

object 表示非原始类型,也就是除 number,string,boolean,symbol,null 或 undefined 之外的类型。

使用 object 类型,就可以更好的表示像 Object.create 这样的 API。例如:

declare function create(o: object | null): void;  create({ prop: 0 }); // OK create(null); // OK  create(42); // Error create("string"); // Error create(false); // Error create(undefined); // Error 

类型断言

清楚的知道一个变量的值,可使用类型断言。

通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript 会假设你,程序员,已经进行了必须的检查。

let someValue: any = "this is a string";  let strLength: number = (<string>someValue).length; 

等价写法(as 语法),当你在TypeScript里使用JSX时,只有 as语法断言是被允许的。

let someValue: any = "this is a string";  let strLength: number = (someValue as string).length;