TypeScript数据类型详解

安装与编译

全局安装TypeScript：npm install -g typescript

编译.ts文件：tsc 1.ts，将自动生成对应的.js文件。

基本类型

TypeScript支持多种基本类型，包括布尔、数字和字符串。

布尔类型

// 布尔类型
let isDone: boolean = true;

数字类型

// 数字类型
let num1: number = 2;
let num2: number = 0x123;
let num3: number = 0o123;

字符串类型

// 字符串类型
let str1: string = 'hello world';
let str2: string = `boolean分为：${isDone}和false`;
console.log(str2);

编译后的Javascript代码：

// 布尔类型
let isDOne= true;
// 数字类型
let num1 = 2;
let num2 = 0x123;
let num3 = 83;
// 字符串类型
let str1 = 'hello world';
let str2 = `boolean分为：${isDone}和false`;
console.log(str2);

数组和元组

数组可以存储相同类型的多个值，而元组允许在一个数组中定义多种不同类型的值。

数组

// 数组
let arr1: number[] = [1, 2, 3, 4];
let arr2: Array = [1, 2, 3, 4];

元组

// 元组
let tuple: [number, string, boolean] = [1, 'a', true];

编译后的Javascript代码：

// 数组
let arr1 = [1, 2, 3, 4];
let arr2 = [1, 2, 3, 4];
// 元组
let tuple = [1, 'a', true];

枚举类型

枚举类型是一组命名的常量集合，可以通过名称或索引访问。

枚举类型

// 枚举类型
enum Color { Red, Green, Blue }
let color: Color = Color.Red;
console.log(color); // 0
let colorName = Color[0];
console.log(colorName); // Red
// 自定义起始位置
enum Person { Name = 1, Age, Job }
let persOnAge= Person.Age;
console.log(personAge); // 2
console.log(Person); // { '1': 'Name', '2': 'Age', '3': 'Job', Name: 1, Age: 2, Job: 3 }

编译后的Javascript代码：

// 枚举类型
var Color;
(function (Color) {
    Color[Color['Red'] = 0] = 'Red';
    Color[Color['Green'] = 1] = 'Green';
    Color[Color['Blue'] = 2] = 'Blue';
})(Color || (Color = {}));
let color = Color.Red;
console.log(color); // 0
let colorName = Color[0];
console.log(colorName); // Red
// 自定义起始位置
var Person;
(function (Person) {
    Person[Person['Name'] = 1] = 'Name';
    Person[Person['Age'] = 2] = 'Age';
    Person[Person['Job'] = 3] = 'Job';
})(Person || (Person = {}));
let persOnAge= Person.Age;
console.log(personAge); // 2
console.log(Person); // { '1': 'Name', '2': 'Age', '3': 'Job', Name: 1, Age: 2, Job: 3 }

any类型

当数据类型不确定时，可以使用any类型来接受任意类型。

// any类型
let any1: any = 1;
let any2: any = true;
let any3: any = 'hello world';

编译后的Javascript代码：

// any类型
let any1 = 1;
let any2 = true;
let any3 = 'hello world';

void类型

void类型表示没有类型，通常用于函数，表示没有返回值。

never类型

never类型表示永远不会有的类型，常用于代码出错时的返回值类型。

// never类型
let error: never = '错误';
function throwError(message: string): never {
    throw new Error(message);
}
throwError(error);

编译后的Javascript代码：

// never类型
let error = '错误';
function throwError(message) {
    throw new Error(message);
}
throwError(error);

类型断言

类型断言用于告诉编译器某个值的具体类型，可以使用<>或as两种语法。

// 类型断言
let str: string = 'hello world';
let length1: number = (str).length;
let length2: number = (str as string).length;