Standardparametrar
Låt oss säga att vi vill tillåta att inte alla inställningar behöver anges när modulen används. Om någon inställning inte anges kommer den att ta ett standardvärde.
Till exempel, i vårt fall kan vi göra så att typen som standard antar värdet p och antalet - värdet 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);
I det här fallet kan vi enkelt konfigurera vår modul på olika sätt. Till exempel, låt oss bara ange förälderelementet:
let config = {
root: '#parent',
}
Och nu anger vi förälderelement och antal. Vi behöver inte ange typen - eftersom objekts inställningar inte har någon ordning, och vi kan utelämna dem hur vi vill. Så här ser vår konfiguration ut:
let config = {
root: '#parent',
amount: 10
}
