TypeScript学习笔记-----类型1_在ts中什么时候需要指定类型,什么时候不需要

TypeScript学习笔记

ts在声明变量的同时指定类型，使得该变量只能存储该类型的数据

let a : number;
a = 10;
a = 'haha';//会报错，变量的类型是number
1
2
3

如果声明变量和赋值同时进行，ts可以自动对变量进行类型检测，可以不用手动指定类型。

let flag = true;
flag = 132;//会报错，flag的类型为boolean;

function fu(a:number,b:number):number{
               //参数类型     返回值类型
   return a + b
}
1
2
3
4
5
6
7

ts的类型

number(数字)、string(字符串)、boolean(布尔)、字面量(限制变量的值就是该字面量的值)、any(任意类型)、unknown(类型安全的any)、void(没有值或undefined)、never(不能是任何值)、object(js对象)、array(数组)、tuple(固定长度数组、ts新增))、enum(枚举、ts新增)

字面量

let a:1;
使用字面量进行类型声明，a的值只能为1
1
2

可以使用 | 连接多个类型（联合类型）

let name : 'lili' | 'lucy' | 'mark';
name ='lili';
name ='lucy';
name ='mark';

let find : boolean | number | string;
find = true;
find = 10 ;
find = 'how are you';

1
2
3
4
5
6
7
8
9
10

any：声明变量不指定类型，ts解析器自动判断类型为any，
指定类型的变量(a)被未指定类型的变量(b)赋值时，指定类型的变量的类型(a)会变成未指定类型变量的类型(b)，即：a=b;

unknown类型的变量，不能直接赋值给其他变量，即：a=b时会报错；需要进行类型判断，赋值后unknown类型的类型必须与被赋值变量的类型相同，才能赋值；

let a:unknow;
a = 1223 ;
a = 'lilei'
let b:string;
if(typeof a === 'string'){
    b = a
 }
1
2
3
4
5
6
7

类型断言：可以用来判断变量的实际类型。
语法：

变量 as 类型
或
<类型>变量

b = a as string
b = <string>a

1
2
3
4
5
6
7

void：表示空，或函数没有返回值

function fn():void{
    return ;
}
console.log(fn());//undefined
1
2
3
4

never：不会有返回结果

function fn2():never{
}
1
2

object:

let obj:object;
obj={};
obj=function(){};
//属性名后+?，表示属性可选（可写可不写）
let obj1:{name:string,age?:number};
obj1 = {name:'lili",age:10};
//[propName:string]:unknown  任意类型的属性，属性名类型为string
let obj2:{name:string,[propName:string]:unknown}

设置函数结构的类型声明:
语法: 变量:(形参:类型,形参:类型,....)=>返回值类型
let fn:(a:number,b:number)=>number
fn=function(a1,a2){
   return a1 + a2
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

string[] Array<string>字符串数组

let arr:string[];
arr = ['a','s','c'];
1
2

number[] Array<number>数值数组

let arr2:Array<number>;
arr2=[1,2,3,4]
1
2

类型[]，Array<类型>：该类型的数组

元组：长度固定的数组

let str:[number,string]  //长度为2，且第一个值只能是数值，第二个值只能是字符串
str=[2022,'你好']
1
2

enum：枚举

enum Gender{
  Male = 0,
  Female = 1
}//列出可能情况
let inform:{name:string,gender:Gender};
inform = {
  name:"lilei",
  gender:Gender.Male
}
console.log(inform.gender==Gender.Male);//true
console.log(inform.gender==Gender.Female);//false
1
2
3
4
5
6
7
8
9
10
11

&：同时 |：或

let obj:{name:string} & {age:number} | {gender:string}
obj={name:'lilei',age:14}
1
2

type:类型的别名

type a = string
let c: a;
相当于
let c: string;
type mo = 1 | 2 | 3 | 4 | 5 | 6;
let k: 1 | 2 | 3 | 4 | 5 | 6;
相当于
let k: mo;
1
2
3
4
5
6
7
8