typescript-基本类型

注意事项

• 自动类型判断

  TS拥有自动的类型判断机制
  当对变量的声明和赋值是同时进行的，TS编译器会自动判断变量的类型
  所以如果你的变量的声明和赋值时同时进行的，可以省略掉类型声明

• 声明变量如果不指定类型，则TS解析器就会自动判断变量的类型为any

let a; // a的类型就是any

• d的类型是any,他可以赋值给任意变量

let s:string; 
let d; 
d= 10;
s = d; // 不会报错
复制代码

类型：

• 字面量

let a:10; 这样就给a赋值10了;我们可以给a=10，但是不能再给a赋值非10的字段；
let b: ‘mail’| ’email’; 之后就可以给b赋值mail或者email。但是不能赋值其他

• 联合类型

let a: number | string;

• unknown类型 表示未知类型的值

当不知道某一个值是什么类型的时候，可以赋值unknown。他与any类型的区别是，any可以赋值给任意的变量。但是unknown是不可以的

unknown要赋值给其他变量的方法

1. 类型判断

let e: unknown;
e = 10;
let s:string;
if(typeof e === "string"){
    s = e;
}
复制代码

2. 类型断言

// 类型断言，可以用来告诉解析器变量的实际类型
/*
* 语法：
*   变量 as 类型
*   <类型>变量
*
* */
s = e as string;
s = <string>e;
复制代码

3. never 表示永远不会返回结果

function error(message: string): never {
  throw new Error(message);
}
复制代码

4. object表示一个js对象

let a: object;
a = {};// object可以是对象
a = function () {
}; // object也可以是function


// {} 用来指定对象中可以包含哪些属性
// 语法：{属性名:属性值,属性名:属性值}
// 在属性名后边加上?，表示属性是可选的
let b: {name: string, age?: number};
b = {name: '孙悟空', age: 18};

// [propName: string]: any 表示任意类型的属性
let c: {[propName: string]: any};
c = {name: '猪八戒', age: 18, gender: '男'};

/*
*   设置函数结构的类型声明：
*       语法：(形参:类型, 形参:类型 ...) => 返回值
* */
let d: (a: number ,b: number)=>number;
// d = function (n1: string, n2: string): number{
//     return 10;
// }
复制代码

5. Array 数组

数组的类型声明：

• 类型[]
• Array<类型>

// string[] 表示字符串数组
let e: string[];
e = ['a', 'b', 'c'];

// number[] 表示数值数值
let f: number[];

let g: Array<number>;
g = [1, 2, 3];
复制代码

6. tuple 元组 元组就是固定长度的数组

语法：[类型, 类型, 类型]

let h: [string, number];
h = ['hello', 123];
复制代码

7. enum 枚举

enum Gender{
    Male,
    Female
}

let i: {name: string, gender: Gender};
i = {
    name: '孙悟空',
    gender: Gender.Male // 'male'
}
console.log(i.gender === Gender.Male);
复制代码

8. 类型别名

type myType = 1 | 2 | 3 | 4 | 5;// myType就是类型别名
let k: myType;
let l: myType;
let m: myType;
复制代码