0%

JS 筆記 - 在函式 function 加入參數

JavaScript Note

學習了變數 variable 跟函式 function 的基本認識,單元分開都很可以,最怕就是綜合應用,深怕我自己根基不夠穩,所以我拆了很細來學習,一次學一點,雖然慢,但觀念清楚比較重要。


函式帶入參數

函式基本寫法:

1
2
3
4
5
function number() {
console.log("Tim"); //字串要加引號
console.log(323); //數字不用加引號
}
number(); //執行函式

在小括弧中可以帶入參數名稱,一樣是自定義

練習帶入一個參數會這樣寫:

1
2
3
4
5
function math(number) {
var total = number; //宣告變數的值等於參數
console.log(total); //驗證結果是變數的名稱,但這邊不是輸入字串,故不用加上引號
}
math(10); //執行函式,並帶入參數

函式 + 參數 + 運算

參數可以帶入兩個、三個甚至無限多,並可以利用變數做加減乘除的方式來做更多元的變化。(變數的加減乘除是:+-*/ )

EX. 加法

1
2
3
4
5
function math(numOne, numTwo) {
var total = numOne + numTwo; //結果為兩個變數相加
console.log(total); //驗證變數
}
math(10, 25); //執行函式,並帶入參數

在 Chrome 的開發人員工具會顯示如下:

函式帶參數

其他也可以在 codepen 調整不同的加減乘除方式玩玩看。