TypeScript学习: 二、TypeScript 中的数据类型

TypeScript 数据类型

　　typeScript为了使用规范便于维护增加了类型校验

　　布尔类型 --- boolean

　　数字类型 --- number

　　字符串类型 -- string

　　数组类型 --- array

　　元组类型 --- tuple

　　枚举类型 --- enum

　　任意类型 --- any

　　null  和 undefined

　　void类型

　　never类型

 在ES5中， 数据类型为弱类型， 可以任意指向

// 以前
var str = "a";
str = 12;
str = false;
str = [];
// .... 等

　　在typeScript 中数据类型必须定义

一、布尔类型 boolean   (true false)

　　

定义为boolean类型的变量只能赋值 true 或 false

flag = false; 
flag = true;

二、数字类型 number

　　

当定义了number类型， 不能复制给其他类型的值；

var a:number = 123;
a = 3.14; // 赋值小数点正确

 在typeScript中没有对整型和浮点类型进行区分， 所以浮点类型属于number类型（数字类型）

三、字符串类型 String

　　

当定义了String 类型， 就不能再赋值给其他类型的值了

字符串支持 ""，''，``这三种写法

let userName: string = "张三";
let age: number = 5;
let words: string = ` ${ userName } 今年 ${ age } 周年`;
console.log(words);

四、数组类型 array

这里定义了一个number类型的数组，数组内容只能是number类型的， 不能出现其他类型，不能像ES5一样数组的内容能包含其他类型

第二种定义数组方法

// 2、定义数组方法二（使用泛型方法）
let arrd:Array<number> = [23,4,545,5.3]; 

五、 元组类型 --- tuple

　　元组类型是属于数组类型的一种

// 元组类型, 元组方式可以定义多种类型
let arr:[string,number,boolean] = ["ts", 3, false]

六、枚举类型 --- enum　　

　　枚举类型用于定义标识符

/**
 *  写代码的时候很多都会出现数字代表状态，写的时候还记得， 过了一段事件了可能就忘记了，使用枚举，定义类型的枚举类型
    pay_status 0 未支付， 1支付， 2交易成功
 */
enum Pay_status {
    unpaid=0,
    payment=1,
    successful=2
}

let payStauts:Pay_status = Pay_status.unpaid;// 0

写法和用法有点像Object对象的key和value，要注意的是， 枚举中用的是等号

// 如果给枚举的类型，没有赋值，默认就是索引值
enum Color{
    red,blue,orange
}
let c:Color = Color.red;

console.log(c) // 输出： 0

可以查看编译后的ES5代码

"use strict";
// 基本的数据类型
// 枚举类型
// 如果给枚举的类型，没有赋值，默认就是索引值
var Color;
(function (Color) {
    Color[Color["red"] = 0] = "red";
    Color[Color["blue"] = 1] = "blue";
    Color[Color["orange"] = 2] = "orange";
})(Color || (Color = {}));
var c = Color.red;
console.log(c); // 输出： 0

注意： 索引值从0开始

如果其中一个赋值了，那么索引值会发生变化

enum Color{
    red,blue=5,orange
}
let c:Color = Color.blue;

console.log("c等于" + c) // 输出： 5

 前面 blue赋值5， 后面 orange 默认没有值，就会以上一个为基准  变成了6 

如果前面有一个赋值的不是number，那么就不能作为索引了，会出现错误，前面有个一是其他类型，后面的也必须要赋值

七、任意类型 --- any

　　任意类型，可以改变变量的类型

　　针对编程时类型不明确的变量使用的一种数据类型

// 定义存储各种类型数据的数组时
let arrayList: any[] = [1, false, 'fine'];
arrayList[1] = 100;

　　比如我们要获取一个DIV的id为“oBox”的DOM节点， DOM对象出现了报错的提示，typeScript不知道这个oBox是一个DOM对象，所以我们要定义个任意类型

八、null  和 undefined

 　　其他（never类型）类型的子类型

 变量定义了，但是没有赋值，都是undefined

 如果给定变量定义了undefined，就不会出现警告

  代码中会出现有些值会是number或者undefined

 null的用法基本一致

 

如果一个元素可能是number类型，可能是 null 可能是 undefined

// null 和 undefined
var num:null|number|undefined;
num = 456;
console.log(num);

 九、void类型

　　表示没有任何类型，一般用于定义方法，表示该方法没有返回值的时候使用void

// ES5用法
function run() {
    console.log("run")
}

// typeScript 如果方法没有返回值需要写上 void，表示方法没有返回任何类型
function run():void {
    console.log("run")
}

如果需要返回什么类型，就写入什么类型

        

 十、never类型

　　其他类型，包括null和undefined（null和undefined是属于never的子类）代表从不会出现的值，这就是意味声明never的变量只能被 never的值赋值

只能赋值给undefined类型， 赋值给其他类型都出现了警告

never 是不能赋值的，抛出了错误， never正确