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)迴圈-2

JavaScript成功入門就看這!(11)迴圈-3

JavaScript成功入門就看這!(13)函式中的參數

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

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

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

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

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

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

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

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

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

arrow
arrow
    創作者介紹
    創作者 布萊恩的創業小窩 的頭像
    布萊恩的創業小窩

    布萊恩的創業小窩的部落格

    布萊恩的創業小窩 發表在 痞客邦 留言(0) 人氣()