พารามิเตอร์เริ่มต้น
สมมติว่าเราต้องการอนุญาตให้เมื่อใช้โมดูล ไม่จำเป็นต้องระบุการตั้งค่าทั้งหมด หากมีการตั้งค่า ใดไม่ถูกระบุ ค่านั้นจะใช้ค่าเริ่มต้นแทน
ตัวอย่างเช่น ในกรณีของเรา เราสามารถทำให้
ประเภทเริ่มต้นรับค่า
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
}