TS 基础学习(一)
TS 是做类型注释,开发过程中做类型检查的,不参与编译代码
常用的基础类型
JS已有类型:
原始类型: number/string/boolean/null/undefined/symbol
对象类型: object(包括,数组、对象、函数等对象)
TS新增类型:
联合类型、自定义类型(类型别名)、接口、元祖、字面量类型、枚举、void、any等
原始类型:number/string/boolean/null/undefined/symbol
数组类型:
对象类型:object(包括数组、对象、函数等对象)
| 在ts 里面叫联合类型,有两个或者多个类型组成的类型,表示可以是这些类型中的人一一种。
只有一根竖线,不要与js 中的或 || 混淆
类型别名:
自定义类型:为任意类型起别名
使用场景:当同一类型被多次使用时候,可以通过类型别名,简化类型的使用
类型别名:type customArray = (number | string)[]
函数类型:
函数参数与函数返回值
// 函数类型: 单独指定参数、返回值类型
function add(num1: number, num2: number): number {
return num1 + num2
}
// 简写成=> 函数
const add1 = (num1: number, num2: number): number => {
return num1 + num2
}
如果函数没有返回值,那么,函数的返回值的类型为:void
// 返回值类型为void
function greet(name: string): void {
console.log('hello', name);
}
// 函数的可选参数
function mySlice(start?: number, end?: number): void {
console.log('其实索引:', start, '结束索引:', end);
}
mySlice()
mySlice(1)
mySlice(1,2)
可选参数:可传可不传的参数名称后面加?表示
注意:可选参数必须出现在参数列表的最后,也就是说可选参数出现的后面不能再出现必传参数