기본 매개변수

모듈을 사용할 때 모든 설정을 명시하지 않아도 되도록 허용하고 싶다고 가정해 봅시다. 만약 어떤 설정이 지정되지 않으면 기본값을 가지게 됩니다.

예를 들어, 우리의 경우 기본 타입은 p 값을, 기본 수량은 5 값을 가지도록 만들 수 있습니다:

;(function({root, type = 'p', amount = 5}) {
	let parent = document.querySelector(root);
	
	for (let i = 1; i <= amount; i++) {
		let elem = document.createElement(type);
		parent.append(elem);
	}
})(config);

이 경우, 우리 모듈을 다양한 방식으로 쉽게 구성할 수 있습니다. 예를 들어, 부모 요소만 지정해 보겠습니다:

let config = {
	root:  '#parent',
}

이제 부모 요소와 수량을 지정해 보겠습니다. 이때 타입을 지정할 필요는 없습니다. 왜냐하면 설정 객체의 속성들은 순서가 없으며, 우리는 원하는 대로 생략할 수 있기 때문입니다. 자, 여기 우리의 설정이 있습니다:

let config = {
	root:  '#parent',
	amount: 10
}