🏅 Day 14 - 箭頭函式

參考文章: https://wcc723.github.io/javascript/2017/12/21/javascript-es6-arrow-function/

教學

箭頭函式的運用技巧如下:

// 傳統函式 function saySomething(string) { return '接招' + string; } // 轉成箭頭函式 const saySomething = (string) => { return '接招 ' + string; }
// 當只有單行表達式時,可同時省略 return 及 {} // 省略後依然保有回傳的特質 const saySomething = (string) => '接招 ' + string; console.log(saySomething('菜鳥!')); // 不過要注意,如果有使用 {},就需要自行加上 return const saySomething = (string) => {'接招 ' + string}; console.log(saySomething('菜鳥!')); // 會回傳 undefined
// 只有一個參數可以不加括號 () const saySomething = string => '接招 ' + string; console.log(saySomething('菜鳥!')); // 沒有參數、參數有兩個以上都不能省略 () const saySomething = () => '接招 菜鳥!'; console.log(saySomething());

題目

請將以下程式碼簡化為箭頭函式 (不影響結果的情況下進行最大簡化)

// 題目一 function sum(a, b) { let c = a + b; return c; } console.log(sum(5, 6)); // 題目二 function square(num) { return num * num; } console.log(square(5)) // 題目三 setTimeout(function() { console.log('延遲 1 秒'); }, 1000); // 題目四 let arr = [1, 2, 3]; let arrNew = arr.map(function(item, i) { return item * i; }); console.log(arrNew); // 題目五 let obj = { fn: function fn2(a) { return a * a; } } console.log(obj.fn(10));

回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖(需打開程式碼的部分觀看)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

回報區

Discord CodePen / 答案
Yijing CodePen
bf_tsai CodePen
kj CodePen
Tippy CodePen
py CodePen
Fabio20 CodePen
kawa CodePen
ryan.chou CodePen
Emily CodePen
Leo CodePen
RayRay CodePen
XinYu CodePen
Chia Pin CodePen
KUN. CodePen
⭐️小正 CodePen
精靈 CodePen
hedy CodePen
dora CodePen
amaaaa CodePen
Helen CodePen
依依 CodePen
Moreene CodePen
FangFang CodePen
Charlotte Lee CodePen
cest_jessie CodePen
Wei_Rio CodePen
Ataraxia CodePen
Winnie CodePen
SHUO CodePen
sponge CodePen
Eazy CodePen
Neil CodePen
Nelly CodePen
熊大 CodePen
Antonio CodePen
ann6212 CodePen
MY CodePen
Chris CodePen
yu.t_liu CodePen
Tom CodePen
Uli CodePen
elena CodePen
Yang CodePen
Celine 510 CodePen
貢波波夫 CodePen
MikeLin CodePen
celinelinnn CodePen
JING CodePen
Peng CodePen
PayRoom CodePen
保羅 CodePen
PoRay CodePen
carrie CodePen
小夏 CodePen
jia yu CodePen
Ting CodePen
skypassion5000 CodePen
MDFK CodePen
Iris CodePen
PoWei#8484 CodePen
macihuang CodePen
風羽 CodePen
stone4584 CodePen
nini1202desu CodePen
WEI CodePen
Ariel CodePen
Rock CodePen
jeremyChan CodePen
.zack_p CodePen
haru CodePen
Vivian2857 CodePen
fanshu0303 CodePen
runweiting CodePen
hua CodePen
pingshian CodePen
狸貓 CodePen
xuan CodePen
jim CodePen
黃士桓 codePen
辣椒 Codepen
翔.Ben Codepen
yuling Codepen
關關 Codepen
yuan! CodePen