TypeScript - 函数 -函数的定义方式

先来看看js中的函数如何定义

方式一 ：函数声明

function f1(a,b){
    return a+b;
}

方式二 ：函数表达式

let f2 = function (a,b){
    return a+b;
}

方式三 ：箭头函数（其实也是函数表达式的一种写法）

let f3 = (a,b)=>{
    return a+b;
}

再来看看ts中的函数如何定义

TypeScript 中定义函数，就是在JavaScript 的基础上，对参数以及返回值的类型做了限制，仅此而已。

方式一 ：函数声明

// 限制 参数 a、b 的类型为 number，返回值的类型为 number
function add1(a:number,b:number):number{
    return a+b
}

方式二 ：函数表达式

// 限制 参数 a、b 的类型为 number，返回值的类型为 number
const add2 = function (a:number,b:number):number{
    return a+b
}

方式三 ：箭头函数（其实也是函数表达式的一种写法）

// 限制 参数 a、b 的类型为 number，返回值的类型为 number
const add3 =  (a:number,b:number):number =>{
    return a+b
}

小结一下

再次强调一下 ： 
 TypeScript 中就是给 函数的参数和返回值 添加了类型限制！ 
 TypeScript 中就是给 函数的参数和返回值 添加了类型限制！ 
 TypeScript 中就是给 函数的参数和返回值 添加了类型限制！ 

补充一个 ： ts中函数完整的定义方式

我感觉，没有人在实际开发中会用这么复杂的写法。
这个定义方式只是为了规范函数，本质还是对 入参 和 返回值的 类型限制。
所以，各位看官，看到这里的时候，可以对此进行简单了解就好了。

方式一 ：函数表达式的完整形式

// 第一个 (a:number,b:number)=>number  表示对 add4  的一个类型限制，add4 是这样的一个函数
// 第二个 (a:number,b:number):number 表示 function 的入参和返回值
const add4:(a:number,b:number)=>number = function (a:number,b:number):number{
    return a+b
}

方式二 ： 箭头函数的完整形式

// 第一个 (a:number,b:number)=>number  表示对 add5  的一个类型限制，add5 是这样的一个函数
// 第二个 (a:number,b:number):number 表示  箭头函数 的入参和返回值
const add5: (a:number,b:number)=>number =  (a:number,b:number):number =>{
    return a+b
}