TypeScript的基本数据类型

1、认识TypeScript

TypeScript 是微软开发的 JavaScript 的超集，TypeScript兼容JavaScript，可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括：加入注释，让编译器理解所支持的对象和函数，编译器会移除注释，不会增加开销；增加一个完整的类结构，使之更新是传统的面向对象语言。

2、TypeScript的数据类型

String

//String类型的定义，'',""都可以, 多行时，可以用反引号``表示。
let name:string = "老王";
name = '小王';

let color:string = 'green'

let str:string = `${name}的帽子是${color}`

console.log(str)//'小王的帽子是green'

Number

//Number类型的定义,包括所有类型的数字，整数、小数、浮点数、十六进制数、八进制数、二进制数。
let decimal:number = 6;
let hex:number = 0xf00d;
let binary:number = 0b1010;
let octal:number = 0o744;

Boolean

//Boolean类型定义
let flag: boolean = true;

Array

//第一种第一方式
let arr:number[] = [1, 2, 3];

//第一种第二方式
let arr2:Array<number> = [1, 2, 3]

元组

//元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。
let x: [string, number];
x = ['小王', 1];    //运行正常
x = [1, '小王'];    //报错
console.log(x[0]);    //输出 小王
x[2] = '老王'  //报错

枚举(Enum)

//Enum 类型定义，第一个元素默认从0开始，后面元素递加
enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

//可以自定义数值,当赋值的是number，后面没赋值的默认累加
enum Color {Red = 30, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 32

//可以自定义数值,当赋值的是number，后面没赋值的默认累加
enum Color {Red = 30, Green = 'ss', Blue = 'aa'};
let c: Color = Color.Blue;
console.log(c);    // 输出 'aa'

any

//声明为any 的变量可以赋予任意类型的值。
let num:any = 4;
console.log(num) // 4

let sex:any = '男'
console.log(sex) // '男'

let arr:any= [1, 2, 3]
console.log(arr) // [1,2,3,]