認識 JavaScript (十四)

更新於 2024/04/30閱讀時間約 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
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    ※ switch用法: ​switch是 JavaScript 中的一個控制結構,是一種更結構化的方法來替代多個 if...else 語句,特別是當需要根據同一變數的多個值進行不同操作時非常有用。 ※ switch語法: switch 語句首先評估括號內的表達式 (expression)。
    ※ 條件判斷語法 決策中需要處理分歧的狀況,就會用到「if」、「else if」、「else」。 ※ 語法結構: 條件式使用小括號(),裡面放判斷式。 要執行的程式碼放在大括號{}裡。 條件式只會有 true 或 false 兩種結果。 ※ 常用的比較運算子: > 大於 < 小於
    ※ 質數判斷 質數:除了1跟本身,沒有其他的因數。 因數:可以整除的數字。 用到的運算符號:「%」 mod 求餘數。 整除: mod完為0,沒有餘數。 ※ 使用for迴圈 let x = 97 // 可以修改成其他數值來測試 //flag標記 let isNotPrime = false
    ※ 迴圈控制的兩個指令:break(跳脫)、continue(繼續) break(跳脫):當遇到一個需要強制脫離迴圈的情境,使用break(跳脫)就會直接跳出迴圈。 continue(繼續):用於跳過迴圈目前的迭代,直接開始下一次迭代的執行。 造成無限迴圈的例子: 說明: 當 x 的值
    ※ 何謂巢狀迴圈(NESTD LOOP): 指的是一個迴圈內包含另一個迴圈的結構。在程式設計中,這種結構常用於需要進行多層次迭代的場合,例如處理多維數組、逐行逐列處理表格資料等。 ※ 例子:九九乘法表 說明: 外層迴圈:for (let i = 1; i <= 9; i = i + 1) 這
    ※ 迴圈(for loop)介紹: 迴圈的用途是重複執行程式碼,只要條件滿足,就會執行特定的動作。 for (let i = 0; i < 10; i = i + 1) { console.log(i); } 說明: for:對於。 let:因為迭代器的數值會一直改變所以要用let
    ※ switch用法: ​switch是 JavaScript 中的一個控制結構,是一種更結構化的方法來替代多個 if...else 語句,特別是當需要根據同一變數的多個值進行不同操作時非常有用。 ※ switch語法: switch 語句首先評估括號內的表達式 (expression)。
    ※ 條件判斷語法 決策中需要處理分歧的狀況,就會用到「if」、「else if」、「else」。 ※ 語法結構: 條件式使用小括號(),裡面放判斷式。 要執行的程式碼放在大括號{}裡。 條件式只會有 true 或 false 兩種結果。 ※ 常用的比較運算子: > 大於 < 小於
    ※ 質數判斷 質數:除了1跟本身,沒有其他的因數。 因數:可以整除的數字。 用到的運算符號:「%」 mod 求餘數。 整除: mod完為0,沒有餘數。 ※ 使用for迴圈 let x = 97 // 可以修改成其他數值來測試 //flag標記 let isNotPrime = false
    ※ 迴圈控制的兩個指令:break(跳脫)、continue(繼續) break(跳脫):當遇到一個需要強制脫離迴圈的情境,使用break(跳脫)就會直接跳出迴圈。 continue(繼續):用於跳過迴圈目前的迭代,直接開始下一次迭代的執行。 造成無限迴圈的例子: 說明: 當 x 的值
    ※ 何謂巢狀迴圈(NESTD LOOP): 指的是一個迴圈內包含另一個迴圈的結構。在程式設計中,這種結構常用於需要進行多層次迭代的場合,例如處理多維數組、逐行逐列處理表格資料等。 ※ 例子:九九乘法表 說明: 外層迴圈:for (let i = 1; i <= 9; i = i + 1) 這
    ※ 迴圈(for loop)介紹: 迴圈的用途是重複執行程式碼,只要條件滿足,就會執行特定的動作。 for (let i = 0; i < 10; i = i + 1) { console.log(i); } 說明: for:對於。 let:因為迭代器的數值會一直改變所以要用let
    你可能也想看
    Google News 追蹤
    Thumbnail
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    Thumbnail
    夜聖喬治 (Nuits-St-Georges) 在行政劃分上,介於勃根地行政中心第戎市和伯恩市之間,是夜丘的第一大城鎮,有不少酒商以此為據點。這篇文章介紹德維拉家族旗下的鷓鴣莊園 (Domaine Des Perdrix),以及費芙蕾酒莊 (Domaine Faiveley)。
    Thumbnail
    勃根地白葡萄酒的心臟:兩個蒙哈榭村莊 夏山-蒙哈榭 (Chassagne-Montrachet) 村內有 55 個一級園,以及 3 個特級園,有四成的面積種植黑皮諾。生產的白葡萄酒風格通常偏圓潤,帶有熱帶水果的香氣,酒體結構柔和,會多幾分圓潤和飽滿的感覺。 特級園 (Grands Crus)
    Thumbnail
    如果提到全球最頂級的勃根地紅葡萄酒,除了前一篇文章提到的羅曼尼·康帝酒莊 (DRC) 以及亨利·賈葉 (Henri Jayer) 之外,當屬由樂華女士 (Lalou Bize-Leroy) 所創立的樂華酒莊 (Domaine Leroy) 可以和他們齊名。
    Thumbnail
    我們在上一篇文章介紹了勃根地產區的分級制度。加深對於一個產區印象最好的方式之一,就是認識這個產區的指標性酒莊,知道發生在這片土地上的故事。這篇文章就先來介紹勃根地最知名的兩個傳奇酒莊:人稱 DRC 的羅曼尼·康帝酒莊與「葡萄酒之神」亨利·賈葉 (Henri Jayer)。
    Thumbnail
    酒田市日枝神社的碑文與略歷中,被譽為「アジア植民地解放の父」的大川,在二戰後,被關押在巢鴨監獄,是GHQ所列名,必須為戰爭罪行負責的甲級戰犯之一。
    為了更有機會認識榕,琳就選了很多堂藝術系二年級才能修的課 -----------在某堂早八課上---------- 老師:「那麼我們這堂課要你們分組進行,大家都找好組別了嗎?」 榕(傳訊息給他的同學):「小美,你會來上課嗎?」 小美(訊息):「不會哈哈哈哈,我準備要退選了」 琳:「我可以的!」
    Thumbnail
    經研究發現,ZPT對於人類健康安全雖然沒有重大危害,但因為在化妝品中還有其他替代成分可用,於是歐盟近期就把 ZPT 列入化妝品禁用物質清單,預計在 2022 年 3 月 1 日起施行監管。但就這部分在台灣衛生法規尚未調整...
    Thumbnail
    一般來說,白葡萄品種可分為芳香型的和非芳香型兩個種類:芳香型的葡萄品種包含白蘇維濃 (Sauvignon Blanc)、麗絲玲 (Riesling)、麝香葡萄、格烏茲塔明娜以及特濃情。非芳香型的葡萄品種則有夏多內 (Chardonay) 與灰皮諾 (Pinot Gris/Pinot Grigio)
    Thumbnail
    影響葡萄酒風味的最大因素,通常會是葡萄品種本身的特性,因為葡萄品種的特性也會影想到後續的採收,釀造和陳年的方式。所以認識葡萄酒的第一課,通常會是認識主要的葡萄品種。這篇文章試著介紹五種常見的紅葡萄:卡本內蘇維翁、梅洛、黑皮諾、希哈,以及格納希。
    Thumbnail
    這篇文章想告訴你: ❶ 一名腦炎病童的診斷經過 ❷ 腦炎 v.s. 腦膜炎?病原體如何入侵人體的中樞神經系統? ❸ 孩童嘔吐就是得了腦膜腦炎嗎?中樞神經系統感染的病況解析
    Thumbnail
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    Thumbnail
    夜聖喬治 (Nuits-St-Georges) 在行政劃分上,介於勃根地行政中心第戎市和伯恩市之間,是夜丘的第一大城鎮,有不少酒商以此為據點。這篇文章介紹德維拉家族旗下的鷓鴣莊園 (Domaine Des Perdrix),以及費芙蕾酒莊 (Domaine Faiveley)。
    Thumbnail
    勃根地白葡萄酒的心臟:兩個蒙哈榭村莊 夏山-蒙哈榭 (Chassagne-Montrachet) 村內有 55 個一級園,以及 3 個特級園,有四成的面積種植黑皮諾。生產的白葡萄酒風格通常偏圓潤,帶有熱帶水果的香氣,酒體結構柔和,會多幾分圓潤和飽滿的感覺。 特級園 (Grands Crus)
    Thumbnail
    如果提到全球最頂級的勃根地紅葡萄酒,除了前一篇文章提到的羅曼尼·康帝酒莊 (DRC) 以及亨利·賈葉 (Henri Jayer) 之外,當屬由樂華女士 (Lalou Bize-Leroy) 所創立的樂華酒莊 (Domaine Leroy) 可以和他們齊名。
    Thumbnail
    我們在上一篇文章介紹了勃根地產區的分級制度。加深對於一個產區印象最好的方式之一,就是認識這個產區的指標性酒莊,知道發生在這片土地上的故事。這篇文章就先來介紹勃根地最知名的兩個傳奇酒莊:人稱 DRC 的羅曼尼·康帝酒莊與「葡萄酒之神」亨利·賈葉 (Henri Jayer)。
    Thumbnail
    酒田市日枝神社的碑文與略歷中,被譽為「アジア植民地解放の父」的大川,在二戰後,被關押在巢鴨監獄,是GHQ所列名,必須為戰爭罪行負責的甲級戰犯之一。
    為了更有機會認識榕,琳就選了很多堂藝術系二年級才能修的課 -----------在某堂早八課上---------- 老師:「那麼我們這堂課要你們分組進行,大家都找好組別了嗎?」 榕(傳訊息給他的同學):「小美,你會來上課嗎?」 小美(訊息):「不會哈哈哈哈,我準備要退選了」 琳:「我可以的!」
    Thumbnail
    經研究發現,ZPT對於人類健康安全雖然沒有重大危害,但因為在化妝品中還有其他替代成分可用,於是歐盟近期就把 ZPT 列入化妝品禁用物質清單,預計在 2022 年 3 月 1 日起施行監管。但就這部分在台灣衛生法規尚未調整...
    Thumbnail
    一般來說,白葡萄品種可分為芳香型的和非芳香型兩個種類:芳香型的葡萄品種包含白蘇維濃 (Sauvignon Blanc)、麗絲玲 (Riesling)、麝香葡萄、格烏茲塔明娜以及特濃情。非芳香型的葡萄品種則有夏多內 (Chardonay) 與灰皮諾 (Pinot Gris/Pinot Grigio)
    Thumbnail
    影響葡萄酒風味的最大因素,通常會是葡萄品種本身的特性,因為葡萄品種的特性也會影想到後續的採收,釀造和陳年的方式。所以認識葡萄酒的第一課,通常會是認識主要的葡萄品種。這篇文章試著介紹五種常見的紅葡萄:卡本內蘇維翁、梅洛、黑皮諾、希哈,以及格納希。
    Thumbnail
    這篇文章想告訴你: ❶ 一名腦炎病童的診斷經過 ❷ 腦炎 v.s. 腦膜炎?病原體如何入侵人體的中樞神經系統? ❸ 孩童嘔吐就是得了腦膜腦炎嗎?中樞神經系統感染的病況解析