這幾天 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 讓這一切變得更完善。