iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
Modern Web

JavaScript 從零開始系列 第 11

JavaScript 從零開始 - Day11- 函式 function 搭配 return

JavaScript Note

函式 function 搭配 return 是一個常用且好用的小技巧。


return 回傳

透過 return 回傳值的屬性,可以運算其的內容,如下方範例,

function add(n1, n2) {
  return n1 + n2;
}
console.log(add(1, 2)); //3

假如說今天有商品或是後台計算方式不同時,只要把相對的方法建立好,再把參數帶回其中,就可以得到想要的結果:

function count(price) {
	return price * 0.8; // 商品價格要打八折時
}


function addtax(price) { // 當商品要開立發票時
	return price * 1.05;
}


console.log(count(500)); // 500 * 0.8 = 400
console.log(addtax(1000)); // 1000* 1.05 = 1050

return 是幫助資料回傳的一個語法,讓 function 中的語法除了更簡潔外,也更可以提高程式碼閱讀性!


上一篇
JavaScript 從零開始 - Day10- 陳述式與表達式
下一篇
JavaScript 從零開始 - Day12- function 函式 Hoisting 提升觀念
系列文
JavaScript 從零開始40
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Vita Ora
iT邦新手 4 級 ‧ 2020-09-13 01:23:06

您好:

在圖中程式碼範例中,

  1. addTax 未宣告,console 的話,應該是會有錯誤的。
  2. 第二個範例,應該要修正為 addTax(price * 1.05); 但是,這樣會跟第一點一樣,會有一樣的錯誤。
  3. console.log(count(500);) 這個冒號要放在外面喔 ~ 不然,console 一樣會有錯誤。
Tim Hsu iT邦新手 1 級 ‧ 2020-09-13 15:14:32 檢舉

感謝~已修正~

我要留言

立即登入留言