写在前面,JS作为一个动态语言,不存在重载,重新定义只会覆盖,但是常规利用判断,typeof if 等手段方法,返还不同的函数这个确实是可行的,TS 编译也是进行一个函数的编译。
函数作为react的重要组成部分,明显是写业务代码的重要组成部分。
函数化也是react的这个框架本身的力推。
声明变量式的箭头函数 => 是这方面业务常用写法
let myfn = (a: number, b: number) => {
return a * b;
}
TS 方面增加了函数返回类型,可以限定函数的返回
let myfn = (a: number, b: number): number => {
return a * b;
}
可选参数 表示 a 可缺属性,那么 下面调用的 a * b 就要追加判断了
let myfn = (a?: number, b: number): number => {
return a * b;
}
集成参数,比如第一个参数确定,后续参数并不确定使用 ...
let myfn = (a: number, ...others: number[]) => {
return a + others.reduce((sum, current) => sum + current, 0);
}
调用方法如下:
myfn(1, 2, 3, 4)
文章采用 知识共享署名 4.0 国际许可协议 进行许可,转载时请注明原文链接。