close

JavaScript初學者該知道的事(12)使用者定義函式

JavaScript函式要如何定義?包括之後的宣告過程?這篇終於講到你期待已久的函式了!

 

JavaScript 函式

「JavaScript 函式」,就是由多個 JavaScript 代碼組合成的區塊,被用來執行特定的功能。
 

使用函式的主要優點有以下兩點:

1. 可重複使用同組代碼:代碼一但被定義後,就可以多次重複使用。

2. 相同的代碼,只要配合不同的引數(arguments),就會產生不同的結果。

 

定義函式

要定義函式,JavaScript 的寫法是使用「function」字眼,後面接上「name(函式名稱)」以及一對小括號「()」和大括號「{}」。

要執行的代碼,則寫在大括號「{}」中。如下方所示:

function name() {   
  //這裡寫上要執行的代碼
}

舉例來說,如果今天我們要定義一個函式,取名為「hello」,定義其功能為輸出「Hi,there」。其寫法,就如下例所示:

function name(hello) {   
  document.write("Hi there");
}

宣告函式

函式經由上述被定義的過程後,就可以「隨傳隨到」。

一但當前端工程師需要執行這個函式前,就不用再一次去重新定義它了,只要宣告它就好了。宣告函式的寫法,只要函式名稱加上小括弧即可。如有需要引數的場合,則把引數寫在小括弧中。承續上一段的例子,今天我們要叫出這個名字為「hello」的函式,寫法如下方所示:

See the Pen JavaScript12-function by Tedutw (@Tedutw) on CodePen.

前端工程師請記得在宣告函式的語句最後方再加上分號~

一但函式被定義後,在 JavaScript 中,就可以多次宣告它,不用再重新定義。

 

 

 

延伸閱讀看這裡:

JavaScript初學者該知道的事(10)while相關迴圈

JavaScript初學者該知道的事(11)跳出和繼續的迴圈

JavaScript初學者該知道的事(13)函式中的參數

高薪像做夢?!Java課程讓你夢想成真!

時下最火的Python與Java,它們的命名由來超奇葩!?

想跟前端工程師心連心,你得先了解網站的規劃流程!

程式課程選達內,美上市IT課程教育集團

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

從無到有 挑戰14小時取得Google證照

arrow
arrow
    創作者介紹
    創作者 Uder.chain 的頭像
    Uder.chain

    娶了UI設計師的Python工程師-北歐生活

    Uder.chain 發表在 痞客邦 留言(0) 人氣()