ts函数使用

1、基本使用

隐式定义函数：
const add = (a: number, b: number) => a + b
显示定义函数：
const add:(a:number, b:number) => number = (a:number, b:number) => a + b;
注意：平常写代码时二者都是不会报错的

2、可选参数

const add = (a: number, b?: number) => a + (b?b:0)
注意：可选参数应该和js一样放在参数最后
const add = (a?: number, b: number) => (a?a:0) + b； //error

3、默认参数

coonst add = (a:number, b = 2) => a + b;
注意：默认参数可以放在任何位置
const add = (a = 3, b:number) => a + b; //ok

4、剩余参数

点击查看代码

//剩余参数需要扩展运算符扩展到一个数组
const add = (a: number, ...rest: number[]) => {
  // 将多出来的参数用扩展运算符扩展到数组内
  console.log(rest); //[1, 2, 3]
  return rest.reduce(((a, b) => a + b), a)
}
console.log(add(0, 1, 2, 3)); //6

注意：剩余参数必须放在最后传参

5、重载

情况：一个方法内的两个参数必须保持类型一致数量一致，就可以用重载

注意：不能为了用重载而用，使用重载，每次都会进行类型推断，和参数数量上的检测，不一致便会报错