### 1. 类型系统
#### 数字类型声明:
let e:number;
#### 字符串类型声明:
let e:string;
#### 布尔类型声明:
let e:boolean=true;
//也可以声明完直接进行赋值,如果变量的声明和赋值是同时进行的,ts 可以自动对变量进行类型检测
等同于 let e=true;
JS 中的函数参数,不考虑类型和个数
function sum(a,b){
return a+b
}
TS 定义参数的类型:
function sum(a:number,b:number){
return a+b
}
sum(1,'b') // 此处提示报错:b 不是数字类型
定义返回值的类型:
function sum(a:number,b:number):number{
return a+'aaa' // 此处提示报错: 返回值的类型错误
}
#### 字面量类型声明:
let e:10;
e=11 // 此处会进行报错,e 已经被定义为 10,无法再赋值成别的值,有点类似于常量
#### 联合类型,| 用来连接多个类型
let e: "male" | "female";
e="male";
e="female";
e="hello"; // 此处会进行报错,hello 不是 male 或 femle
let e: boolean | string;
e=true;
e="aa";
e=10; // 报错,10 为数值类型
#### 任意类型:any,可以任意赋值,一个变量设置成 any 后相当于对该变量关闭了类型检测,不建议使用 any
let e:any;
e = 10;
e = "aaa";
e = true;
关于赋值:
let s; // s 的类型为 any
s=1234;
let e:string;
e=s; // e 的类型也被改变
#### unknown 类型
let s:unknow;
s=1235;
let e:string;
e=s; // 报错
#### 类型断言:
不允许不同类型的值进行赋值
let e:unknown;
let s:string;
e='hello'
if(type of e==="string"){
s=e;
}
已上写法等同于:
s = e as string
或者
s= <string>e
#### void:相对于函数返回值而言
function fn():number{
return 124
} // 此时返回值类型为:number
function fn():boolean{
return true
} // 此时返回值类型为:boolean
function fn(){} // 此时返回值类型为:void
function fn(num){
if(num>0){
return 1234
}else{
return false
}
} // 此时返回值类型为 any: 1234||false, number||boolean
function fn():void{
return 123; // 报错
return true; // 报错
不允许存在返回值
return // 可以
return undefined // 可以
return null // 可以
}
#### never:相对于函数返回值而言
function fn():never{ // 永远没有值
return undefined // 报错,不允许返回
throw new Error("程序报错,终止运行") // 用来提示程序报错,永远不会返回结果
}
#### object 对象
let a:object;
a={}
a=function(){}
可以直接写成
// {}用来指定对象里包含哪些属性
let a:{}
let a:{name:string}
a={} // 报错,没有 name 属性
应该写成
a={name:'Tom'}
a={name:'Tom',age:18} // 报错,age 没有存在于对象里
let b:{name:string,age:number}
b={name:'Tom'} // 不传 age 报错
可以写成
let b:{name:string,age?:number} // ?表示 age 可选
b={name:'Tom'} // 不传 age 可以
let c={name:string}
c={name:'Tom',age:12,gender:'female'} // 报错
可以写成
let c={name:string,[propName:string]:any} // [propName:string]:any 表示:任意字符串类型的属性
c={name:'Tom',age:12,gender:'female'} // name 必写,其他随意
<!-- 定义函数 -->
设置函数结构的类型声明
语法: (形参:类型,形参:类型,...)=>返回值
// 声明
let d:(a:number,b:number)=>number
// 赋值
d=fucntion (n1,n2):number{
return n1+n2
} // 符合声明
d=fucntion (n1,n2,n3):number{
return n1+n2
} // 报错,n3 未进行声明
#### 数组类型声明:
语法: ① 变量:类型[]
② 变量:Array<类型>
##### 字符串数组
let e:string[]; // string[]:
let e:Array<string>;
let a:string;
a=['a','b',1,2,4] // 报错,1,2,4 不是字符串类型
##### 数值数组
let e:number[];
let e:Array<number>;
##### 任意类型数组
let e:any[];
let e:Array<any>;
##### tuple 元组:固定长度以及类型的数组 tuple
let h:[string,string]
h=['aaa','bbb','ccc'] // 报错,规定了两个,不允许写三个
##### enum 枚举
ennum Gender={
male=1,
Female=2
}
let a:{name:string,gender:Gender}
a={
name:'Tom',
gender:Gender.male
}
console.log(a.gender===Gender.male)
let b:string|number; // b 的类型是 string 或者 number
let b:string&number // 报错, 不满足既是字符串又是数字的情况
let b:{name:string}&{age:number};
b={name:'Tom',age:18} // 可以
##### type 类型的别名
let c:1|2|3|4;
let d:1|2|3|4;
可以写成
type myType=1|2|3|4
let c:myType
let d:myType
c=7 // 报错,myType里没有7