在 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; } }
