Day19-JavaScript(JS)与TypeScript(TS)的函式(Function) Part1

这两天要来带大家看看JavaScript(JS)与TypeScript(TS)的函式(Function)两者的差异。
今天的部分就来简单带过**函式(Function)与JavaScript(JS)的函式(Function)**吧，

首先，先从最基本的讲起吧。

函式(Function)

大致简介如下：

函式(Function)用来执行动作，也可以回传值，
通常函式汇回传一些经计算或是逻辑判断後的结果。

函式(Function)可将一到多行程序码封装再一起，使用一个名称做识别。
如此一来可以简化程序码，也能拿来重复使用。

另外，函式在JS与TS中实际上是一种物件。

JavaScript(JS)的函式(Function)

函式在JS的分类中有分成两种函式，具名函式(Named Function)及匿名函式(Anonymous Function)。
两种函式在下面分别说明。

具名函式(Named Function)

宣告语法如下，

//宣告函式
function 函式名称 ( 参数1, 参数2, 参数3...., 参数n){
    //计算 或是 逻辑判断
}

使用方式如下，

//宣告函式
function sayHi (){
    console.log('Hi') ;
}

//呼叫函式
sayHi() ;  //'Hi'

宣告後的函式名称就可以来做呼叫使用了。
那这些都是非常非常非常基本的语法与使用方式，
这边就不在赘述了。

匿名函式(Anonymous Function)

没有名称的函式，也称为Lambda Function，通常应用在事件(Event)或回呼函式(Callback)。

以上面的具名范例写成匿名函式後，如下，

//宣告函式
let sayHi = function (){
    console.log('Hi') ;
}

//呼叫函式
sayHi() ;  //'Hi'

不同於具名函式，
匿名函式在function後不会再加上函式名称。

今日结语

今天主要着重在JS上，
讲讲JS的函式分类及非常基本的使用方式，
那下一篇就会着重在TS上了，
要持续加油。