[Javascript - note] function (ES6)

1. Default Parameters (기본값 매개변수)

ES6 전에는 function을 호출할 때 parameter를 부른 만큼 인자를 넣어주지 않으면 에러가 뜨기 때문에 if문으로 해당 parameter의 값이 없다면, default 값을 띄우라는 코드를 작성해주어야 했는데,

 

ES6 전↓

function addDefaultParam(a, b) {
  if (b === undefined) {
  	b = 'world';
  }
  console.log(`${a}, ${b}!`);
}
addDefaultParam('Hello');

// 출력값 === Hello, world!

 

ES6 부터는 parameter를 선언하는 자리에 default 값을 넣어주면 된다.

 

ES6! ↓

function addDefaultParam(a, b = 'world') {
  console.log(`${a}, ${b}!`);
}
addDefaultParam('Hello');

// 출력값 === Hello, world!

 

2. Rest Function (나머지 매개변수)

• function을 호출할 때 부른 인자를 array로 받을 수 있는 형태
• parameter 선언 시 마지막 parameter에 ... 을 붙여주면 됨 (반드시 마지막 매개변수여야 함)
• 하나의 함수에 하나만 추가할 수 있음

function restFunction(a, b, ...c) {
  console.log('a', a);
  console.log('b', b);
  console.log('c', c);
}
restFunction('가', '나', '다', '라', '마', '바', '사');

// 출력값
// a 가
// b 나
// c ['다', '라', '마', '바', '사']