es6箭頭函式

在ES2015中出現一個方法叫箭頭函式,與一般函式不同的地方為

var one = function(one,two){
  return {one,two}
}
var two = (one,two) => {
  return {one,two}
}

以上述來說,其實看起來只有簡化了一些些,但是若只傳一個參數時,又更能簡化!

var one = function(one){
 return one;
}
var two = one => one;

看起來是不是非常簡潔! 其實 =>之後的程式能夠那麼簡潔是因為,他只有一個表達式,所以才能簡化(會自動return回去),以下是未簡化前的版本

var two = one =>{ return one;}

而對於參數來說,在只有一個參數時能夠省略括號,其餘皆不行


說到參數,在es6中又多了不定參數(rest)與預設參數兩種方法能更簡化寫法

1.不定參數

var code = (one,...other) => {
 console.log(one,other);
}
code(1,2,3,4,5,6);

對於上述來說,one的值會為1,other則會是剩餘的值(以陣列方式呈現)。

但是要注意的是不定參數只能放在參數的最後,否則會出錯

2.預設參數

var code = (one,two=2) => {
console.log(one,two);
}
code(1);
code(1,3);

其實看到程式碼,你大概也猜到是什麼意思了!

預設參數就是能夠在參數未接收到值時,給予他預設的值,若有給的值話則會覆蓋預設值

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.