iT邦幫忙

2022 iThome 鐵人賽

DAY 15
1
自我挑戰組

30天JavaScript自學挑戰系列 第 15

Day 15 函數(Function)

  • 分享至 

  • xImage
  •  

JavaScript應用程式的基本建構區塊是函數(Function),函數最簡單的形式其實就是一段讓我們可以在程式碼中重複使用的程式碼,所以它有點像是變數,但變數被賦予的是值,而函數則是一個程式碼區塊。

function greeting() {
	console.log("Hello!");
} 

在上述function程式碼區塊中,function後面接的是function name,大括號創造了所謂的function body,當我們執行function時,就是function body中的程式碼在運作。
要使用這個function,就在function name後面加上括號就可以了:

greeting();
// Hello!

如同前述,函數是一段可以重複使用的程式碼,因此我們也可以多次呼叫這個函數:

greeting();
greeting();
greeting();
// Hello!
// Hello!
// Hello!

另外,我們可以在函數名後面的括號中加入一至多個參數(parameters),呼叫函數時也要在括號中輸入相同數量的引數(arguments),而在function body中使用return的話,函數也可以回傳數據給我們加以利用。
簡單來說,函數不僅可以重複執行程式碼區塊,也可以接收及回傳數據。

function greeting(str) {
	console.log(`Hello, ${str}!`);
} 

greeting("world");
// Hello, world!
function smoothieMaker(a, b) {
	const smoothie = `${a} and ${b} smoothie`;
	return smoothie;
}

const myOrder = smoothieMaker("grape", "yogurt");
console.log(myOrder);
// grape and yogurt smoothie

上一篇
Day 14 Switch 陳述式
下一篇
Day 16 Function Declaration v.s. Expression
系列文
30天JavaScript自學挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言