認識 JavaScript (十四)

閱讀時間約 3 分鐘

※ 函式基礎介紹:

JavaScript 特殊的函式特性:

  • 函式可以當成值來傳遞 (可以放進變數或放進物件)
  • 函式可以當成函式的參數
  • callback - 在特定事件中觸發函式 (非同步特性)

※ 函式的基本寫法:

raw-image


※ 調用 (invoke) 函式:

"調用" 意指呼叫或執行函式的動作,在程式設計中,當你希望執行一個函式時,就需要使用()來調用 函式

形式如下:

subtotal(3, 8)

說明:

使用 subtotal(3, 8) 調用函式時,3, 8 被稱為「引數 (argument)」。引數 3, 8 會為 price, quantity 等參數賦值。

raw-image

※ 括號的意義:執行函式與代入參數

  • 執行函式時不一定需要傳入參數,但即使沒有參數,在呼叫函式時,還是不能省略括號。
//()不一定需要傳入參數
function greeting() {
console.log('Hi!')
}
greeting() //調用 (invoke) 函式
raw-image
  • 代入參數
//()傳入參數
function multiply( x, y ) {
return x * y
}
const a = multiply(10, 3)
console.log(a)
raw-image

※ 函式範例:數字的各種運算

條件:

  • 平方
  • 確認是否是2的倍數
  • 確認是否是3的倍數
  • 半徑是數字時,圓面積?圓體積?
//調用 平方 函數
const square = function (n) {
return n * n
}

//算出2的餘數
const is2multiple = function (n) {
return n % 2 === 0
}

//算出3的餘數
const is3multiple = function (n) {
return n % 3 === 0
}

//調用pi函數
const pi = 3.14
const circlearea = function (n) {
return pi * square(n)
}

//調用立方函數
const triple = function(n) {
return n * n * n
}

//調用球體積函數
const ballvolum = function(n) {
return 4/3 * pi * triple(n)
}
//計算平方
const numberDisplay = function (n) {
console.log(`${n}的平方: ${square(n)}`)

//條件判斷是否是2的倍數
if (is2multiple(n)) console.log(`${n}是2的倍數` )
else console.log(`${n}不是2的倍數` )

//條件判斷是否是3的倍數
if (is3multiple(n)) console.log(`${n}是3的倍數` )
else console.log(`${n}不是3的倍數` )

//計算圓面積
console.log(`半徑為${n}時,圓面積是${circlearea(n)}`)
//計算圓體積
console.log(`半徑為${n}時,圓體積是${ballvolum(n)}`)
}
//調用 (invoke) 函式結果
numberDisplay(5)
numberDisplay(24)
raw-image


    全端網頁開發專業知識分享
    留言0
    查看全部
    發表第一個留言支持創作者!
    認識 JavaScript (八)
    閱讀時間約 2 分鐘
    認識 JavaScript (九)
    閱讀時間約 3 分鐘
    認識 JavaScript (十)
    閱讀時間約 1 分鐘
    認識 JavaScript (十一)
    閱讀時間約 2 分鐘
    認識 JavaScript (十二)
    閱讀時間約 4 分鐘
    認識 JavaScript (十三)
    閱讀時間約 1 分鐘
    你可能也想看
    認識勃根地的頂級名莊 (4) 夜聖喬治村莊中的鷓鴣莊園以及費芙蕾酒莊夜聖喬治 (Nuits-St-Georges) 在行政劃分上,介於勃根地行政中心第戎市和伯恩市之間,是夜丘的第一大城鎮,有不少酒商以此為據點。這篇文章介紹德維拉家族旗下的鷓鴣莊園 (Domaine Des Perdrix),以及費芙蕾酒莊 (Domaine Faiveley)。
    Thumbnail
    avatar
    tengyuan
    2022-05-13
    認識勃根地的頂級名莊 (3) 位於勃根地白葡萄酒的心臟:多芙內酒莊以及樂弗雷酒莊勃根地白葡萄酒的心臟:兩個蒙哈榭村莊 夏山-蒙哈榭 (Chassagne-Montrachet) 村內有 55 個一級園,以及 3 個特級園,有四成的面積種植黑皮諾。生產的白葡萄酒風格通常偏圓潤,帶有熱帶水果的香氣,酒體結構柔和,會多幾分圓潤和飽滿的感覺。 特級園 (Grands Crus)
    Thumbnail
    avatar
    tengyuan
    2022-04-30
    認識勃根地的頂級名莊 (2) - 樂華酒莊 (Domaine Leroy) 與樂華商社 (Maison Leroy)如果提到全球最頂級的勃根地紅葡萄酒,除了前一篇文章提到的羅曼尼·康帝酒莊 (DRC) 以及亨利·賈葉 (Henri Jayer) 之外,當屬由樂華女士 (Lalou Bize-Leroy) 所創立的樂華酒莊 (Domaine Leroy) 可以和他們齊名。
    Thumbnail
    avatar
    tengyuan
    2022-04-24
    認識勃根地的頂級名莊 (1):羅曼尼·康帝酒莊 (DRC) 與酒神亨利·賈葉 (Henri Jayer)我們在上一篇文章介紹了勃根地產區的分級制度。加深對於一個產區印象最好的方式之一,就是認識這個產區的指標性酒莊,知道發生在這片土地上的故事。這篇文章就先來介紹勃根地最知名的兩個傳奇酒莊:人稱 DRC 的羅曼尼·康帝酒莊與「葡萄酒之神」亨利·賈葉 (Henri Jayer)。
    Thumbnail
    avatar
    tengyuan
    2022-04-17
    認識日本右翼思想家大川周明的歷史書寫,及其真假難辨的瘋狂酒田市日枝神社的碑文與略歷中,被譽為「アジア植民地解放の父」的大川,在二戰後,被關押在巢鴨監獄,是GHQ所列名,必須為戰爭罪行負責的甲級戰犯之一。
    Thumbnail
    avatar
    Cathy Tsai │ 蔡凱西
    2022-04-02
    認識為了更有機會認識榕,琳就選了很多堂藝術系二年級才能修的課 -----------在某堂早八課上---------- 老師:「那麼我們這堂課要你們分組進行,大家都找好組別了嗎?」 榕(傳訊息給他的同學):「小美,你會來上課嗎?」 小美(訊息):「不會哈哈哈哈,我準備要退選了」 琳:「我可以的!」
    avatar
    Lin
    2022-01-26
    認識「鋅」在皮膚上的妙用經研究發現,ZPT對於人類健康安全雖然沒有重大危害,但因為在化妝品中還有其他替代成分可用,於是歐盟近期就把 ZPT 列入化妝品禁用物質清單,預計在 2022 年 3 月 1 日起施行監管。但就這部分在台灣衛生法規尚未調整...
    Thumbnail
    avatar
    邱品齊皮膚科醫師
    2021-11-14
    認識常見的主要白葡萄酒品種一般來說,白葡萄品種可分為芳香型的和非芳香型兩個種類:芳香型的葡萄品種包含白蘇維濃 (Sauvignon Blanc)、麗絲玲 (Riesling)、麝香葡萄、格烏茲塔明娜以及特濃情。非芳香型的葡萄品種則有夏多內 (Chardonay) 與灰皮諾 (Pinot Gris/Pinot Grigio)
    Thumbnail
    avatar
    tengyuan
    2021-07-02
    認識常見的主要紅葡萄酒品種影響葡萄酒風味的最大因素,通常會是葡萄品種本身的特性,因為葡萄品種的特性也會影想到後續的採收,釀造和陳年的方式。所以認識葡萄酒的第一課,通常會是認識主要的葡萄品種。這篇文章試著介紹五種常見的紅葡萄:卡本內蘇維翁、梅洛、黑皮諾、希哈,以及格納希。
    Thumbnail
    avatar
    tengyuan
    2021-06-27
    認識腦膜腦炎:燒壞腦袋的罪魁禍首這篇文章想告訴你: ❶ 一名腦炎病童的診斷經過 ❷ 腦炎 v.s. 腦膜炎?病原體如何入侵人體的中樞神經系統? ❸ 孩童嘔吐就是得了腦膜腦炎嗎?中樞神經系統感染的病況解析
    Thumbnail
    avatar
    蒼藍鴿
    2020-12-07