[모던 자바스크립트] 함수 기본값 인수

ES6에서는 함수 기본값 인수를 매우 쉽게 설정할 수 있다.

 

- tax나 tip 값을 할당하지 않으면 기본 값으로  0.1과 0.05이 쓰인다.

function calculatePrice(total, tax = 0.1, tip = 0.05) {
	return total + (total * tax) + (total * tip)
}

- calculatePrice(100, 0.15) 처럼 매개변수를 다 전달하지 않으면 어떻게 될까?

tip에 0.15를 할당하려 했더라도 이렇게 쓰면 두번째 인수 tax에 0.15가 할당된다. 

=> calculatePrice(100, undefined,0.15) 이렇게하면 tip에 0.15를 할당할 수 있다. 그렇지만 깔끔하지 않으니 개선해보자.

 

- 디스트럭처링으로 함수의 인수를 객체로 만들자.

function calculatePrice({total = 0, tax = 0.1, tip = 0.05,} = {}) {
	return total + (total * tax) + (total * tip)
}

const bill = calculatePrice({tip: 0.15, total: 150}); // 187.5

함수의 인수를 객체러 만들면 매개변수가 주어진 키에 맞춰 입력된다. 그래서 매개변수의 순서에 대해 걱정하지 않아도 된다!!