Javascript初學者課程(14)-在函式中使用多重參數

Javascript初學者課程(14)-在函式中使用多重參數
Javascript初學者課程(14)-在函式中使用多重參數

本日的JavaScript教學就是要教你在函式中使用多重參數的應用哦!

函式中使用多重參數

在上一篇文章「函式中的參數(Parameters)」中,介紹了函式中的參數用法。而本篇JavaScript 教學則介紹在函式(function)中置入多個參數的方法。

你知道嗎? 其實一個函式中是可以使用兩個以上的參數的,參數間以半形的逗點「,」隔開。例如名為「myFunc」的函式中置入了三個參數,其寫法如下所示:

function myFunc(x,y,z) {
  //這裡寫上要執行的程式代碼,定義這個參數。
} 

這些參數被使用於函式的定義中,寫法範例如下所示:

function  sayAge(name,age){
  document.write(name+" is "+age+"  years old.")
}

當你在JavaScript中宣告上述的「sayAge」函式時,就在小括號中寫入兩個參數的值(即為「引數 arguments」)。兩個引數須依照參數的順序來寫,範例如下:

See the Pen JavaScript14–function multiple Parameters by Tedutw (@Tedutw) on CodePen.

另一個三個參數的範例如下:

See the Pen JavaScript14–function multiple Parameters-2 by Tedutw (@Tedutw) on CodePen.

假如你宣告函式之後,你所輸入的引數數目小於參數時,則缺少的引數就被設置為「undefined」。如下例中我們定義了三個參數,但是只輸入了兩個引數,則第三個引數就會自動被設置為「undefined」。

See the Pen JavaScript14–function multiple Parameters-3 by Tedutw (@Tedutw) on CodePen.

 

 

 

 

 

推薦文章:
Javascript初學者課程(15)-函式回傳


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


網路行銷又添一利器(上):趕快來學免費的HTML5教學


入門前端工程師知識~得心應手不是夢-透析Class選擇器


讓你實現目標與夢想的技術實力-Java課程


Java課程、UI課程、程式課程、網路行銷課程推薦


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


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


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


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


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

Javascript初學者課程(13)-函式中的參數

Javascript初學者課程(13)-函式中的參數
Javascript初學者課程(13)-函式中的參數

本日的JavaScript教學就是要教你使用函式中的參數的應用哦!

函式中的參數

JavaScript 中的函式(function),是可以導入參數(parameters),可以讓函式有更多的應用。

在定義JavaScript函式參數中,參數(parameters)的名稱寫在函式名稱後方的小括號內。語法如下所示:

function函式名稱(參數1, 參數2, 參數3) {
  //這裡寫上要執行的代碼
}

所有的參數都必須要被命名,並且是以半形逗號來隔開所有不同名稱的參數哦。

使用參數

定義完參數之後,你就可以在函式內使用它了。

舉例來說,下列是一個名為「sayHello」的函式,該函式使用一個名為「name」的參數。當宣告「sayHello」函式時,就在小括號中寫入該參數的值,也就是引數(arguments)。

See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

您可以定義一個函式,然後給予不同的參數值(引數)。承上例,套用不同引數的例子如下:

See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

 

 

 

 

推薦文章:
Javascript初學者課程(14)-在函式中使用多重參數

Javascript初學者課程(1)-如何在網頁中嵌入?

Javascript初學者課程(2)-變數教學

Javascript初學者課程(3)-資料類型應用

前端工程師必學的CSS小貼士:常見邊框屬性解釋

關於人工智慧滿天飛的未來,這五部電影有說法?(上)

美國NASDAQ上市公司、外商IT教育培訓企業

鄰居們都驚呆了!我只上六個月Java課程就變成Java工程師了

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

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

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

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

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

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初學者課程(13)-函式中的參數

Javascript初學者課程(1)-如何在網頁中嵌入?

Javascript初學者課程(2)-變數教學

成為前端工程師的第一節課:CSS和HTML.

搞懂這些,Python變得好實用!(1)加減乘除四則運算練習

達內教育評價-故事背後事實的真相甚麼是這樣?!

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

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

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

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

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

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