//ts函数声明命名函数
function add(a:number, b:number):number{
return a+b;
}
console.log(add(1,2))
//函数表达式 匿名函数
let add2 = function(a:number,b:number):number{
return a+b;
}
console.log(add2(1,2))
//函数表达式 匿名函数完整写法
//(a:number,b:number) =>number 这是函数类型
let add3:(a:number,b:number) =>number = function(a:number,b:number):number{
return a+b;
}
console.log(add3(1,2))
//函数参数 可选参数 必选参数 默认参数
//?表示可选参数, 位于必选参数后, 默认参数可以设置默认值
let getName = function(x:string, y?:string, z:string='你好') :string{
return x+y+z
}
console.log(getName('李四'))
console.log(getName('张三'))
console.log(getName('张','三'))
//剩余参数
function fn(x:string, y:string, ...args:number[]){
console.log(x,y,args);
}
fn('张三','你好',1,2,3,4);
//函数重载:函数名相同, 形参不同的多个函数
//数字 相加 字符串拼接 联合类型参数:string|number
//函数重载声明, 可以使用重载定义多个名字相同的函数类型
function newAdd(x:string, y:string): string
function newAdd(x:number, y:number): number
function newAdd(x:string, y:number): string
//函数重载实现
function newAdd(x:string|number, y:string|number): string|number{
if(typeof x == 'string' && typeof y == 'string'){
return x+y;
}else if(typeof x == 'number' && typeof y == 'number'){
return x+y;
}else{
return ''
}
}
console.log(newAdd(1,2));
console.log(newAdd('张三','你好'));
console.log(newAdd('张三',20));
TypeScript函数命名声明和形参
于 2024-08-03 23:44:34 首次发布