[2019.04.17] ES6 문법 - default parameter

함수에서 매개변수를 호출할 때 넣어주는 데이터가 없으면, 함수에서는 해당 매개변수가 undefined가 된다.

function testFunc(argu1, argu2){
  console.log(argu1); // 1
  console.log(argu2); // undefined
}

testFunc(1);

 

그런데 ES6 문법에서는 매개변수가 선언이 되었는데, 호출 시 값이 들어오지 않으면 초기화 해줄 수 있다.

 

function testFunc(argu1, argu2 = 2){
  console.log(argu1); // 1
  console.log(argu2); // 2
}

testFunc(1);

위와 같이 매개변수에 들어오는 값이 없으면 초기화 해 줄 수 있다.

 

# Default parameter 활용법 

function testFunc(name = 'inyong', age = 27, action = name + ' is eat!'){
  console.log(action); // 'inyong is eat!'
}

default parameter 선언 시, 왼쪽부터 만들어지므로, 오른쪽 default parameter에서 왼쪽 default parameter를 사용할 수 있다.

 

# 주의사항

function func(a = go()){
  function go(){return 1}
}

func(); // referenceError

default parameter 값을 함수 혹은 함수 실행의 반환값으로 받을 수는 있으나, 그 함수가, dafault parameter를 쓸 함수 내에 있는 것이면 reference Error가 발생한다.