⊗jsPmMCPS 501 of 505 menu

Transmisión de configuraciones de módulo mediante cierres en JavaScript

Supongamos que tenemos el siguiente módulo:

;(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);

Como puedes ver, se transmiten tres configuraciones a este módulo: el selector del elemento padre, el tipo de elemento a crear y la cantidad de elementos.

Generalmente, tales configuraciones se hacen en forma de objeto:

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

Transmitamos nuestro objeto como parámetro al módulo:

;(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);

Es más común realizar la desestructuración del objeto de configuraciones:

;(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);
Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar