Передача настроек модуля через замыкания в JavaScript

Пусть у нас есть следующий модуль:

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

Как вы видите, в этот модуль передаются три настройки: селектор родительского элемента, тип элемента для создания и количество элементов.

Как правило такие настройки делают в виде объекта:

let config = {
	root:  '#parent',
	type:  'p',
	amount: 5
}

Давайте передадим параметром модуля наш объект:

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

Более принято выполнять деструктуризацию объекта с настройками:

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

Параметры по умолчанию

Пусть мы хотим разрешить при использовании модуля не указывать все настройки. Если какая-то из настроек не будет указана, то она примет значение по умолчанию.

К примеру, в нашем случае можно сделать так, чтобы тип по умолчанию принимал значение 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
}