學會Javascript,程式輕鬆寫(十二)-使用者定義函式

想要學會當今最火的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,程式輕鬆寫(十三)-函式中的參數


學會Javascript,程式輕鬆寫(一)-如何在網頁中嵌入


學會Javascript,程式輕鬆寫(二)-變數


達內教育與惠普.英特爾合作,為培育更多IT人才!


人工智慧快要主導未來了嗎?這個金屬樂團真的是在唱未來的樣子?


還在為成為專業IT人煩惱?!選對Java課程讓你輕鬆到位!


達內課程先就業再付款- 中時電子報


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


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


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


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


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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

arrow
arrow

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