文章内容输出来源：拉勾教育大前端高薪训练营
文章说明：文章内容为学习笔记，学徒之心，仅为分享; 如若有误，请在评论区指出，如若您觉得文章内容对您有一点点帮助，请点赞、关注、评论，共享
上一篇：第一阶段.模块二：学习笔记-TypeSrcipt的接口
下一篇：第一阶段.模块二：学习笔记-TypeSrcipt的泛型
函数类型
1-为函数定义类型
// 第一种es5写法：
function result(arg1: number, arg2: number): number {
return arg1 + arg2
}
// 第二种es6写法：
const result1 = (arg1: number, arg2: number): number => arg1 + arg2
2-完整的函数类型
// 顶一个变量，变量的值是函数
// 传入参数类型、返回值类型都是number
let result2: (x: number, y: number) => number
result2 = (arg1: number, arg2: number) => arg1 + arg2 // 正确
result2 = (arg1: string, arg2: number) => arg1 + arg2 // 错误，arg1类型和规定的不一致
3-使用接口定义函数类型
// 方式一：
interface MyFunc {
(x:number, y: number): number
}
// 方式二：
type MyFunc2 = (x:number, y: number) => number
4-使用类型别名定义函数类型
// 定义函数,参数类型是number返回值类型也是number
type MyFunc = (x: number, y: number) => number
// 使用,声明一个变量，变量的类型就是上面定义的函数
let sameMyFunc : MyFunc
sameMyFunc = (arg1: number, arg2: number) => arg1 + arg2
let sameMyFunc : MyFunc = (arg1: number, arg2: number) => arg1 + arg2
函数参数
1-可选参数
// 函数的可选参数必须放置在必选参数后面，也就是最后面
// 定义函数类型
type FuncType = (arg1: number, arg2: number, arg3?:number) => number
//定义函数，使用上面规定的函数类型
// const useFuncType: FuncType = (x: number, y: number) => x + y
const useFuncType2: FuncType = (x: number, y: number, z: number) => x + y + z
1-默认参数,用户没有传值，参数有自己的默认值
// 函数的默认参数最好也放在最后面，放在前面也可以的，但是不推荐
// 函数的默认参数可以不写类型，ts会根据默认值自己判断是哪种类型
const defaultValFun = (x: number, y: number = 5) => x + y // 推荐
const defaultValFun = (x: number, y = 5) => x + y // 推荐
const defaultValFun = (x: number = 10, y: number) => x + y // 不推荐
1-剩余参数
// 使用 ...args 来代替就可以
// ...args 也要放到参数的最后面
// ...args:number[] 剩余参数是number类型的数组
const func = (args1:number,args2:number,...args:number[])=>{}
函数重载[overload]
// 声明多个同名的函数类型，然后后面必须紧跟着同名函数来是在功能
// 声明的重载函数类型仅作为 TypeScript 在编译时使用,
// 它不是真的实现像传统静态类型语言那样的重载，也不会改变编译后代码的输出
// 实际运行时仍然是不带重载的 JavaScript 版本
// 1、声明重载函数类型
// 2、声明重载函数类型的后面，必须紧跟着同名函数来是在功能
// 2、否则报错，就不是函数重载了
// 3、函数重载的声明和调用，用es5的写法，不支持es6的写法
// 4、函数重载的声明只能用function来实现，不支持接口定义函数类型、类型别名定义函数类型的写法
function nihao(arg1: number): number
function nihao(arg1: string): string
function nihao(arg1: any): any {
if (typeof arg1 === 'string') {
return arg1.split('')
} else {
return arg1 + 100
}
}
console.log(nihao('nihao'))
console.log(nihao(10))
结语：
来拉钩教育训练营学习已经有三周了，在没有来之前，我都是回家之后打游戏（游戏名：斗战神），来到这里之后才发现居然还有很多大佬也在学习，真的很惊讶，本人自身水平垃圾的一批，再不学习，以后可能一直就是混吃等死的状态了
- 首先来说，拉钩的课程很干，每个视频很短，都是干货，讲师没有一句废话，视频内容覆盖比较广，布置的作业也比较符合实际，导师也会及时批改，然后一周或两周必有直播，直播都会回答学习过程中所遇到的问题和新的内容
- 其次来说，每个班都有班级群，群里居然还有5年或6年的前端开发的大佬(⊙▽⊙)； 班主任和导师也在群里，有任何问题都可以在群里@导师，班级群真的很活跃
- 最后来说一句，如果有其他人也是在打游戏混日子，不如来拉钩教育训练营，尝试着改变一下自己目前所处的环境