iT邦幫忙

2022 iThome 鐵人賽

0
自我挑戰組

30 天線上自學前端系列 第 51

[Day 51] [JavaScript] ES6 - Arrow functions (1) : anonymous function

  • 分享至 

  • xImage
  •  

這幾天 ES6 的一些介紹:

這節課裡,ES6 有個概念是 Arrow function,基本上 Arrow function 是一個比較簡短的方式來寫 JavaScript。

舉例來說,最基本的 JavaScript 的求平方的函數是這樣:

function square(x){
  return x * x;
}

以上還有其他的寫法,像是要把 array 裡的每個數字都拿帶入以上的函數,就會看到使用匿名函數是非常有幫助的,它讓 code 增加了易讀性:

var numbers = [3, 56, 2, 48, 5];

function square(x){
  return x * x;
}

const newNumber = numbers.map(square)

console.log(newNumber)

// result:
(5) [9, 3136, 4, 2304, 25]
0: 9
1: 3136
2: 4
3: 2304
4: 25

或是把 square 直接丟進 map 裡面,變成匿名函數 (anonymous function) :

var numbers = [3, 56, 2, 48, 5];

const newNumber = numbers.map(function (x){
  return x * x;
})

console.log(newNumber)

通常匿名函數位於另一個函數中,所以通常不需要名字,通常也很容易看到匿名函數要做什麼和功能的內容。

下一小節將會介紹 Arrow functions 讓這一切變得更完善。


上一篇
[Day 50] [JavaScript] ES6 - find、substring ,以及 JSON 裡找資料和過濾字數的小挑戰
下一篇
[Day 52] [JavaScript] ES6 - Arrow functions (2)
系列文
30 天線上自學前端72
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言