VueBloghyhero6

TS 函数

2025-03-18 / 2025-03-18 / 55次浏览
写在前面,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)