TypeScript 中「函数」的基本使用

在 TypeScript 中，除了给某个变量添加 类型注释 之外，函数需要书写 参数类型 和 返回值类型，这样 TypeScript 就可以对函数的参数和返回值类型进行约束，从而达到类型严谨的目的。

如果涉及到 可选参数、默认参数、函数的重载，则需要进行特殊的书写，具体可以看下面操作。

1、函数返回值类型

//函数声明
function fun():string{    //约束返回值的类型为是 string，如果没有返回值写：void
    return 'erha';
}
//匿名函数
let fun = function():number{    //约束返回值的类型为 number，如果没有返回值写：void
    return 123;
}

2、函数参数类型

//函数声明：约束参数类型和返回值类型
function getInfo(name:string, age:number):string{
    return `${name} ---- ${age}`;
}
//匿名函数：约束参数类型和返回值类型
let getInfo = function(name:string, age:number):string{
    return `${name} ---- ${age}`;
}

3、可选/默认/剩余参数

let getInfo = function(name:string, age?:number):string{    //通过 ? 配置可选参数
    if(age){
        return `${name} ---- ${age}`;
    }else {
        return `${name} ---- 别问！`;
    }
}

let getInfo = function(name:string, age?:number=20):string{    //通过 = 设置 age 的默认参数为 20
    return `${name} ---- ${age}`;
}

function sum(a:number, ...array:number[]):number{    //通过 ... 设置剩余参数
    let sum = 0;
    for(let i=0;i<array.length;i++){
        sum += array[i];
    }
    return a + sum;
}
sum([1, 2, 3, 4, 5, 6]);    //其中 1 对应 a，而 [2, 3, 4, 5, 6] 对应 array

4、函数的重载

function fun(){}
function fun(){ return 111;}    //在 es5 中，如果有同名函数的话，后者会覆盖前者

function getInfo(name:string):string;
function getInfo(age:number):string;
function getInfo(str:any):any{        //TypeScript 的函数重载和 Java 中的函数重载不一样
    if(typeof str === 'string'){
        return '我叫：' + str;
    }else{
        return '我的年龄是' + str;
    }
}