TypeScript(TS)小白入门之数据类型篇

下载TypeScript

npm install -g typescript

数据类型

TypeScript支持除了JavaScript已有的数据类型之外，还支持枚举类型。

基本数据类型有：

布尔值

boolean

数字

number

字符串

string

string支持模板字符串，模板字符串需要用反引号" ` "包围，支持多行文本和内嵌表达式，内嵌表达式以${exper}这种方式嵌入。

多行文本的模板字符串

const multilineText:string = `This is a
multi-line
text example.`;

内嵌表达式的模板字符串

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];

元组

元组允许定义一个已知元素数量和元素类型的数组，然而元素的类型不必一致，因为可以定义该元组内有多种类型的元素。

定义一对值分别为string和number类型的元组。

// 定义元组的类型
let x: [string, number];
// 正确的初始化
x = ['hello', 10]; // OK
// 错误的初始化
x = [10, 'hello']; // Error

使用下标访问元素

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

当访问一个越界的元素，会使用联合类型替代：

x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型

枚举

enum数据类型是对JS数据类型的补充，它可以为一组数值赋予友好的名字。

数值默认从0开始，但你也可以为它们手动赋值。

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

Any

我们可能会有一些在编程阶段不清楚具体类型的变量，这些变量的类型可能是动态的，比如当用户进行输入时或者从第三方代码库引入时，我们希望变量可以直接通过编译阶段的检查。

Any看似和Object具有相似的作用，其实不然。Object类型的变量只允许你在它上面赋任何值，而不能在它上面调用任意的方法，即使它真的有这些方法。

当你只知道变量的一部分数据类型时，也可以表达出来，比如一个不知道具体包含哪些类型的元素的数组。

let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; 

let notSure: any = 4;
notSure.ifItExists(); // ifItExists可能存在于运行时
notSure.toFixed(); // toFixed 存在 (但是编译器不会检查)

let prettySure: Object = 4;
prettySure.toFixed(); // Error: Property 'toFixed' doesn't exist on type 'Object'.

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

list[1] = 100;

Void

void类型表示没有任何类型。

如果你想为一个变量声明为void，那么你只能为它赋值为undefined或者null。

Null和Undefined

默认情况下,null和undefined是所有类型的子类型。

Never

Never类型表示永远不存在的值。never是那些总是抛出异常的函数、根本没有返回值的函数、箭头函数的类型。变量也可以是Never类型，但是它将永不为真。

// 返回never的函数必须存在无法达到的终点
function error(message: string): never {
    throw new Error(message);
}

// 推断的返回值类型为never
function fail() {
    return error("Something failed");
}

// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {
    while (true) {
    }
}

Object

表示非原始类型。也就是除了number、string、boolean、symbol、null和undefined之外的数据类型。

类型断言

类型断言类似于其他语言中的类型转换，但不进行特殊的数据检查和解构。

类型断言有两种形式。

第一种，使用尖括号。

let someValue: any = "this is a string";

let strLength: number = (<string>someValue).length;

第二种，as语法。

let someValue: any = "this is a string";

let strLength: number = (someValue as string).length;

关于let

TypeScript使用let代替JavaScript中的var。