ES 6関数(矢印関数、デフォルトパラメータ、関数展開)

2950 ワード

矢印関数
//   
let plus = function(a,b) {
  return a+b
}
//     
let arrPlus = (a,b) => a+b
//   
function plus1(a,b) {
  return a+b;
}

let a = plus(1,5)

let b = plus1(1,6)

let c = arrPlus(1,7)

console.log(a,b,c) // 6 7 8

デフォルトのパラメータ:
let plus = function(a,b=1) {
  return a+b
}
console.log(plus(2)) // 3

パラメータ展開(残りのパラメータ、配列展開)
function rest(a,b,...c) {
  console.log(a,b,c)
}
rest(1,2,3,4,5)  // 1 2 [ 3, 4, 5 ]

注意:展開パラメータは最後にする必要があります
3つの点のもう1つの役割:配列を展開する
let arr1 = [1,2,3]
let arr2 = [5,6,7,...arr1,8,9]
console.log(arr2) // [ 5, 6, 7, 1, 2, 3, 8, 9 ]

あるいは1つの配列をpushを別の配列にパッケージ化する
let arr1 = [1,2,3]
let arr2 = [5,6,7,8,9]
arr2.push(...arr1)
console.log(arr2); // [ 5, 6, 7, 8, 9, 1, 2, 3 ]