不可錯過的JavaScript課程(12)使用者定義函式

不可錯過的JavaScript課程(12)使用者定義函式

不可錯過的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)函式中的參數

身為IT界達人的你,一定要知道達內教育評價最高的Java課程!

為何達內教育評價可以讓他想都不想,直接選擇達內的Java課程?

前端工程師必備基礎教學(4)

達內時代科技教育集團簡介

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

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

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

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

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

 

本篇發表於 程式語言 並標籤為 , , , 。將永久鏈結加入書籤。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料