default parameter / arguments / rest parameter

1. default parameter

 

파라미터에 디폴트 값을 주는 기능. 

default 파라미터에는 함수도 들어갈 수 있다.

 

function plus(a, b = 10){
  console.log(a + b)
}

plus(1);

// 11

function another(){
  return 10 
}

function plus (a, b = another() ){
  console.log(a + b)
}

plus(3);

// 13

 

2. arguments

함수의 모든 파라미터를 배열 안에 넣어주는 기능.

이 기능을 쓰면 확장성이 생긴다.

function example(a,b,c){
  console.log(arguments)
}

example(2,3,4);

//Arguments(3) [2, 3, 4, callee: ƒ, Symbol(Symbol.iterator): ƒ]
//0: 2
//1: 3
//2: 4

function example(a,b,c){
  for (var i = 0; i < arguments.length; i++){
    console.log(arguments[i])
  }
}

example(2,3,4);

//2
//3
//4

일부 파라미터만 출력하고 싶을 때, arguments를 조작해야 하는 단점이 있음

 

3. rest parameter

함수 안의 모든 파라미터를 [] 중괄호로 감싸준 파라미터

중간에, 혹은 두 개 이상 사용할 수 없음

function restFuc(...para){
  console.log(para)
}

restFuc(1,2,3,4,5,6,7);

// (7) [1, 2, 3, 4, 5, 6, 7]


function restFuc2(a, b, ...params){
  console.log(params)
}

restFuc2(1,2,3,4,5,6,7);

// (5) [3, 4, 5, 6, 7]