个人typescript学习笔记（1）---函数

纯属个人学习，加深记忆使用。

关于一些函数的定义

普通函数声明法

在js的基础上加上函数的返回值类型

function fun1():string{
    return "123"
}
//匿名函数
var fun2=function():number{
    return 123
}

方法内传参

function fun3(name:string,age:number):string{
    return `${name} --- ${age}`;
}

可选参数

es5中实参和形参可以不一样，ts中如果不一样需要配置可选参数
在参数名后加上’?'代表这个参数是可选参数

function fun4(name:string,age?:number):string{
    if(age){
        return `${name} --- ${age}`;
    }else{
        return name;
    }
}

注意：可选参数必须配置到参数的最后

//这样是错误的
function fun4(name?:string,age:number):void{  
}

默认参数

es6和ts中都可设置默认参数,没有传入参数时使用默认值

function fun5(name:string,age:number = 10):string{
    return `${name} --- ${age}`;
}

剩余参数

三点运算符接收参数

function fun6(...result:number[]):number{
    let sum = 0;
    for(let i = 0;i<result.length;i++){
        sum+=result[i];
    }
    return sum;
}
function fun7(a:number,...result:number[]):number{
    let sum = a;
    for(let i = 0;i<result.length;i++){
        sum+=result[i];
    }
    return sum;
}

箭头函数

this指向上下文

setTimeout(() => {
    
}, 1000);

关于函数的重载

function getInfo(name: string): string;
function getInfo(age: number): number;
function getInfo(str: any): any {
    if (typeof str === 'string') {
        return "姓名" + str;
    } else {
        return "年龄" + str;
    }
}

参数不一样时

function getInfo(name: string): string;
function getInfo(name: string, age: number): string;
function getInfo(name: any, age?: any): any {
    if (age) {
        return "姓名" + name + "年龄" + age;
    } else {
        return "姓名" + name
    }
}