TS学习笔记02 数据类型

TS学习笔记02 数据类型

总体来说，TS的数据类型和JS是差不多的，但是新增加了几个概念需要额外的了解一下。

在进行变量定义的时候，需要对判断变量的类型。

1. 字符串 string

let name:string = '汤姆';
let sex:string = "male";
let msg:string = `姓名：${name}，性别：${sex}`; // TypeScript对模板字符串里的中文进行编译时会转换为unicode编码
// console.log(msg);

2. 数值 number

let age:number = 20;
let height:number = 180.5;

3. 布尔 boolean

let flag:boolean = true;

4. 数组 Array

// 方式1：在数据类型后面加[]
let names:string[] = ['tom','jack','alice'];
names[0] = '汤姆';
// names[0] = 18; // 数据中元素类型必须相同
// 方式2：使用数组泛型，Array<数据类型>
let nums:Array<number> = [12,4,1,54];

5. null 和 undefined

// let address:null = null; // 一般不会这样做，没意义
// let address:undefined = undefined;
// 默认情况下null和undefined是所有类型的子类型，可以将null和undefined赋值给其他类型
let address:string = null; // 需要关闭严格类型检查，strict:false
let num:number = undefined;

6. 元组，实际上就是特殊的数组，特点：元素数量和类型固定，但各元素的类型可以不同

// names[names.length] = 'mike';
// console.log(names);
let tuple:[string,number,boolean] = ['tom',20,false]; // 只能定义三个元素，第一个为string类型，第二个为number类型，第三个为boolean类型 
// tuple[0] = '汤姆';
// tuple[0] = 8; // 每个元素的类型固定
// tuple[tuple.length] = 'mike';  // 长度固定，无法扩展
// console.log(tuple);

7. 枚举 enum，用来限制可取值的范围，名称更友好，且有提示

enum Season {
    spring = '春', // 每个成员由两部分组成：名称和值
    summer = '夏',
    autumn = '秋',
    winter = '冬'
}
let s:Season = Season.summer;
console.log(s);//output:夏

8. 任意类型 any，当暂时不确定变量类型时可以使用

let a:any;
a = 'hello';
a = 12;
a = false;

let b:any[] = ['hello',12,false]; // 数组中元素为任意类型
b[0] = 2;

9. 空类型 void，取值只能为：null 或 undefined

let c:void = null; // 一般不会将变量声明为void，没意义

// 通常当函数没有返回值时，会声明返回值类型为void
function show():void{
    console.log(111);
}

10. never 表示的是那些永不存在的值的类型

// 比如这个函数永远都没有终点
function test():never{
    while(true){

    }
}

11. object 表示非原始类型，也就是除number，string，boolean，symbol，null或undefined之外的类型。

// 也就是说，我定义了d为object类型，那么变量d给他定义数字等类型就会报错
let d:object = [1,2,3];
d = {name:'tom',age:18};
d = new Date();
// d = 'hello';
// d = 19;

12. 联合类型，表示一个值可以是几种类型之一，使用|定义

let e:string|number|null = 'hello';
e = 12;
// 没有定义布尔类型，强行赋值false就会报错
// e = false;
e = null;

13. 类型断言

/**
 * 类型断言：用来指定变量的类型，其实就是做个断定/假设，使编译器通过，只在编译阶段起作用
 *    两种方式：
 *      1.使用尖括号，语法：<类型>值
 *      2.使用as，语法：值 as 类型
 */
let f:string|number;

f = 'hello';

// 获取变量f的长度
if((<string>f).length){ // 断言f为字符串类型
    // console.log((<string>f).length); // 调用字符串的length属性获取长度
    console.log((f as string).length);
}else{
    console.log(f.toString().length);
}