[JavaScript] ES6(ECMA Script 6) - 기본 매개변수(Default parameter)

ECMA Script란 무엇일까
(European Computer Manufacturers Association

---

ECMA Script는 ECMA 인터내셔널의 SCMA-262 기술 규격에 의해 정의된 그리고 표준화 된 스크립트 프로그래밍 언어이다.

넷스케이프와 MS의 협업을 통해 개발된 표준 스크립트 언어로 자바스크립트를 구성하는 요소 중 하나이다.

JavaScript는 ECMAScript와 DOM(Document Obejct Model) 그리고 BOM(Browser Object Model)가 합쳐져 만들어져 있기 때문이다.

---

 

 

기본값 매개변수

기본값 함수 매개변수(default function parameter)를 사용하면 값이 없거나 undefined가 전달될 경우 이름이 붙은 매개변수를 기본값으로 초기화할 수 있습니다.

 

function multiply(a, b = 1) }
	return a * b;
}

console.log(multiply(5, 2));
// 결과값: 10

console.log(multiply(5));
// 결과값: 5

 

 

구문

function fnName(param1 = defaultValue1, ..., paramN = defaultValueN) { ... }

 

JavaScript에서 함수의 매개변수는 undefined가 기본인데 상황에 따라서 다른 기본 값을 설정하는 것이 유용할 수도 있습니다.

이때가 기본값 매개변수가 필요할 때 입니다.

 

일반적으로는 함수 내부에서 매개변수 값을 검사해 undefined인 경우 값을 할당하게 되는데, 만약 아래의 예제와 같이 multiply 함수에서 오직 한 개의 파라미터만 있다면 b를 1로 설정하는 방식을 쓰고 있습니다.

 

function multiply(a, b) {
	b = (typeof b !== 'undefined') ? b : 1
    return a*b
}

multiply(5, 2) // 10
multiply(5) // 5

 

위의 예제에서 비교연산은 더이상 필요하지않고 아래와 같이 함수 헤드에서 b의 기본값으로 1을 설정할 수 있습니다.

 

function multiply(a, b = 1) {
	return a * b
	}

multiply(5, 2) // 10
multiply(5)	// 5

 

---

 

기본 인수는 호출 시에 평가됩니다. 그래서 함수가 호출될 때마다 새로운 객체가 생성됩니다.

 

function append(value, array = []) {
	array.push(value)
    return array
}

append(1) // [1]
append(2) // [2]