TypeScript数据类型

说明

TypeScript几乎支持和JavaScript一样的数据类型，还提供了额外的数据类型

布尔值

const flag: boolean = true;

数字

onst count: number = 10;

字符串

单引号、双引号、模板字符串都可以表示字符串

const name: string = 'Jack';
const address = "北京朝阳";
const info: string = `我是${name},来自${address}`;

数组

和JavaScript一样操作数组，定义方式如下两种

const arr1: string[] = ['苹果', '橘子'];
const arr2:Array<number> = [1, 2, 3];

元组

定义一个已知元素和类型的数组，元素类型和定义的顺序要保持一致

const arr1: [number, string] = [1, '水果'];
const arr2: [string, number] = [1, '水果']; // 提示类型不匹配

枚举

enum类型是对JavaS数据类型的额外补充，默认情况下，是从0开始排序

enum Colors {
    Red, Green, Blue
}
console.log(Colors.Red)  // 0
console.log(Colors[1])   // Gree

也可以手动指定某一个成员的编号或者指定全部成员编号

enum Colors {
    Red=1, Green, Blue
}
console.log(Colors.Red)  // 1
console.log(Colors[3])   // Gree

Any类型

表示数据可以是任何数据类型，当前数据类型不清楚时，使用any定义，跳过编译时的类型检查

let anyData: any = 4;
let anyArray: Array<any> = ['1', 1, {name: 'Jack'}]

Void

表示没有任何数据类型，常用在函数返回值中

function testVoid():void{
    console.log('testVoid')
}

Null 和 Undefined

类型用处不大，表示含义和JavaScript中null、undefined一致

Never

never类型表示永远不存在的值类型，never类型是任何类型的子类型，也可以赋值给任何类型；然而，没有类型是never的子类型或可以赋值给never类型（除了never本身之外）。 即使 any也不可以赋值给never。

Objec

object是非原始数据类型，是除number，string，boolean，symbol，null或undefined之外的类型

类型断言

当一个变量有可能存在多种数据类型或者定义的就是any类型，我们需要根据不同类型做不同业务处理时用到。
官方说明：
有时候你会遇到这样的情况，你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。

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

const anyData = '类型断言'
const len1: number = (<string>anyData).length
const len2: number = (anyData as string).length