Tham số mặc định

Giả sử chúng ta muốn cho phép không cần chỉ định tất cả cài đặt khi sử dụng mô-đun. Nếu có bất kỳ cài đặt nào không được chỉ định, nó sẽ nhận giá trị mặc định.

Ví dụ, trong trường hợp của chúng ta, có thể làm sao để kiểu mặc định nhận giá trị p, và số lượng - giá trị 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);

Trong trường hợp này, chúng ta có thể dễ dàng cấu hình mô-đun của mình theo nhiều cách khác nhau. Ví dụ, chỉ định phần tử cha:

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

Và bây giờ hãy chỉ định phần tử cha và số lượng. Đồng thời, chúng ta sẽ không cần chỉ định kiểu - bởi vì các phần tử của đối tượng cài đặt không có thứ tự, và chúng ta có thể bỏ qua chúng tùy ý. Vậy, đây là cài đặt của chúng ta:

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