函数类型
指给函数添加类型注解，本质上就是给函数的参数和返回值添加类型约束
function add(a: number,b: number) :number {
return a + b
}
let res: number
res = add(2 + 3)
// 函数参数注解类型之后，不但限制了参数的类型还限制了参数为必填
优点：
-
避免因参数不对导致的函数内部逻辑错误
-
对函数起到说明的作用
函数表达式(箭头函数)
注解有两种方式，参数和返回值分开注解和函数整体注解
1️⃣ 参数和返回值分开注解
const add1 = (a: number,b: number) :number => {
return a + b
}
add1(1, 2)
2️⃣ 函数整体注解(库文件)
type AddFn = (a: number,b: number) => number
const add2: AddFn = (a, b) => {
return a + b
}
add2(2, 3)可选参数
表示当前参数可传可不传，一旦传递实参必须保证参数类型正确
function buildName(firstName: string, lastName?: string):string {
if(lastName){
return `${firstName}${lastName}`
} else {
return firstName
}
}
console.log(buildName('lucy'))
console.log(buildName('lucy','hang'))
function arrStr(arr: (number | string)[], split?: string): string{
return arr.join(split)
}
console.log(arrStr([1,2,3],'*'))
console.log(arrStr(['h','a','p','p','y'],'-'))
console.log(arrStr(['h','a','p','p','y'],''))
console.log(arrStr(['h','a','p','p','y']))
无返回值 - void
Js 中有些函数只有功能没有返回值，此时使用 void 进行返回值注解，明确表示函数没有函数值
⚠️ js中没有返回值，默认返回undefined,在 TS 中 void 和 undefined 不是一回事，undefined 在 TS 中是一种明确的简单类型，如果指定返回值为 undefined，那返回值必须是 undefined 类型
function eachArr(arr: number[]): void {
arr.forEach((item) => console.log(item))
}
eachArr([3,2,1])
