Day22-TypeScript(TS)的函式(Function) Part2

昨天讲的将函式(Function)加入型别相信大家都了解了，
今天就带大家来看看**完整函式型别(Whole Function Type)**吧。

在TypeScript(TS)中，可以为函式定义型别：函式型别(Function Types)。

有了函式型别後，多了几项的优点，如下，

1. 增加程序的可读性
2. 让开发工具易於进行参数及回传值的型别检查

另外，
完整函式型别(Whole Function Type)包含了两个必要项目，

• 参数型别(parameter type)：未指定型别的话，隐含为any。
• 回传值型别(return) type)：若无回传值，应使用void关键字来表示。

那麽我们就将昨天的范例改成完整函式型别来说明吧。
怕跳太快，我们一步一步来，
首先来看看昨天的函式，

function add(x: number, y: number): number {
    return x + y;
}

接着将函式定义改写。

let add = function (x: number, y: number): number {
    return x + y;
}

然後改写为箭头函式及完整函式型别。

let add: (i: number, j: number) => number =
// 函式名称 : ( 传入参数 : 传入参数型别 ) => 回传值型别

    function (x: number, y: number): number {
          // ( 传入参数 : 传入参数型别 ) : 回传值型别

        return x + y;
    }

如上范例，那麽add函式的函式型别就是 (i: number, j: number) => number，
另外参数名称用於增加可读性，是可以自订的。

今日结语

今天讲解又更深一点TS的函式，
希望大家也更了解一些了，
那麽大家也还是加油喔。