close

JavaScript 程式碼入門教學 定義函式(Functions) 

JavaScript 程式碼入門教學 定義函式(Functions) 

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入門技巧- break與continue

 

JavaScript入門技巧- while 、do...while 迴圈

 

JavaScript入門技巧-for 迴圈

 

單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺

 

信不信由你,因為Java課程讓我獲得我想要的生活!

 

中國IT教育領導品牌 達內教育集團第一家海外授權中心

 

達內教育開幕 培養台灣IT人才進入全球企業

 

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

 

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

 

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

 

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

 

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

arrow
arrow

    uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()