[JavaScript] 자바스크립트 함수의 파라미터(인수) 초기값 설정하기

012 _ 자바스크립트 함수의 파라미터(인수) 초기값 설정하기

[적용]

• 함수 파라미터의 초기값을 설정하고 싶을 때
• 함수 파라미터를 생략 가능하도록 설정하고 싶을 때

---

[내용]

함수의 파라미터에 '파라미터 = 값'을 사용해 파라미터의 초기값을 설정할 수 있다.

초기값이 설정된 파라미터는 값을 전달받지 않으면 초기값을 사용하는데,

이를 '디폴트 파라미터'라고 한다.

---

[문법]

구문	의미
function 함수명(파라미터1, 파라미터2=초기값2, 파라미터3=초기값3) {}	함수에 값 전달
(파라미터1, 파라미터2=초기값2, 파라미터3=초기값3) => {}	함수에 값 전달

---

[예시]

예시 코드를 통해 세금을 포함한 가격을 계산하는 코드를 확인해보자.

calcFunction()의 두 번째 파라미터인 tax에 0.1의 초기값을 설정한다.

두 번째 전달 인수에 의해 result1과 result2의 결과값이 바뀌는데,

전달 인수가 없으면 디폴트 파라미텃의 값을 사용하여 처리하기 때문이다.

 

JavaScript

/**
* 세금이 포함된 가격을 반환하는 함수
* @param price 가격
* @param tax 세율
*/

function calcFunction (price, tax = 0.1) {
    const result = price + (price * tax);
    return result;
}

// tax의 인수를 생략하면 초기값 0.1이 사용됨
const result1 = calcFunction(100);
console.log(result1);  // 결과: 110

// tax의 전달 값을 지정하면 해당 값이 사용됨
const result2 = calcFunction(100, 0.08);
console.log(result2);  // 결과: 108example

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김