3、TypeScript函数

函数

// 1、函数
function say(name:string,age:number):string {
    return `${name}--${age}`;
}
console.log(say("jake",23));

//2、可选参数，可选参数必须放到最后
function getInfo(name: string, age?: number):string {
    if(age){
        return `${name}--${age}`;
    }
    return `${name}`;
}
getInfo("jake");
getInfo("jake",23);

//3、默认参数
function getInfo2(flg:number,name: string = "jjj"):void {
    console.log(name);
}
getInfo2(23);
getInfo2(2,"jake");

//4、剩余参数，三点运算符
function sum(a: number, b: number, c: number):number {
    return a+b+c;
}
function sum1(a:number,...v:number[]):number {
    let sum:number=0;
    sum+=a;
    for(let i=0;i<v.length;i++){
        sum+=v[i];
    }
    return sum;
}

//5、函数重载,和java 重载不一样
//TS中的重载，必须先提供方法的声明，TS根据传参类型进行逻辑执行
function css(config:string):string;
function css(config:number):string;
function css(config:any):any {
    if(typeof config==='string'){
        return 'string_'+config;
    }else{
        return 'number_'+config;
    }
}
//参数类型不同执行结果不同
css('jake');
css(23);

//6、箭头函数，函数里面的 this 指向的是上下文
let fun=()=>{
    //函数里面的this执行上下文，不是当前函数对象
    console.log(this.css(45));
};
fun();