En estigui habilitat els mòduls són essencialment llibreries que s’inclouen en el codi que estem escrivint, d’aquesta manera es connecten els dos codis junts i això ens permet cridar a funcions que realitzen determinades tasques i han estat escrites en les llibreries que importem, ens ajuda a haver d’evitar que escriure tot el cos de la funció en el nou arxiu JavaScript, però és important conèixer com hem d’importar i exportar els mòduls en JavaScript i en aquest Post t’explicaré com fer-ho.
Abans de continuar amb aquest Post, et convido a escoltar el Podcast: “5 Consells per ser un Programador més productiu” (no són els clàssics consells tècnics de programació, sinó de rutines i bons hàbits quotidians):
Spotify:
Sound Cloud:
Bé ara continuem amb el Post: Exportar i Importar Mòduls i n JavaScript.
Exporta un Mòdul
En estigui habilitat ha un objecte especial anomenat module.exports i quan aquest objecte és usat flama i exposa a totes les funcions d’un determinat mòdul i estan quedes accessibles per poder ser usades en el nou arxiu en on es defineix module.exports.
Vegem a continuació un exemple en Javascript al on es fa ús de l’objecte module.exports, definim 2 funcions simples per calcular i imprimir l’àrea i el perímetre d’un rectangle, el codi amb les funcions el guardem en un arxiu amb el nom milibreria.js
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
// Funció Àrea
let area = function (llarg, ample) {
let rectanguloarea = llarg * ample;
console.log ( “L’àrea de l’rectangle és ‘+ rectanguloarea +’ unitat quadrada ‘);
}
// Funció perímetre
let perímetre = function (llarg, ample) {
let rectanguloperimetro = 2 * (llarg + ample);
console.log ( ‘el perímetre de l’rectangle és’ + rectanguloperimetro + ‘unitat (s)’);
}
// Exportem les funcions
module.exports = {
area ,
perímetre
}
|
Si has treballat amb Frameworks com React JS, pots veure que a la fi d’un component est se sol exportar, no és el mateix codi però és una referència sobre com s’exporta el codi JavaScript en un projecte. Ara vegem com s’importa un mòdul en JavaScript.
importa un mòdul
en estigui habilitat importar un mòdul significa incloure funcions d’una determinada llibreria, que poden ser usades en el codi on es imp orto el determinat mòdul. Per a importar un mòdul podem fer ús de la funció ‘requereix’ a la qual li passem el nom de la llibreria amb el seu camí relatiu.
Per exemple suposem que tinc una carpeta a on tinc un arxiu anomenat app. js, ara vaig a crear una llibreria a la mateixa carpeta, li donaré el nom del fitxer milibreria.js, després puc trucar o importar aquesta llibreria fent ús de la funció requereix, aquesta pren el nom de la lliçó definit al fitxer milibreria.js :
|
1
2
3
4
5
6
7
8
9
|
// importar l’arxiu milibreria.js que conté les funcions area i perímetre
const llibreria = requereix ( ‘./ milibreria’);
let llarg = 18;
let ample = 9;
// Truco a les funcions definides a l’arxiu milibreria.js
libreria.area (llarg, ample);
libreria.perimetro (llarg, ample);
|
Si executo el codi anterior, obtindré el següent:
|
1
2
3
|
// Resultat
l’àrea de l’rectangle és de 162 unitats quadrades
el perímetre de l’rectangle és de 54 unitat (s)
|
Amb això he fet servir les funcions que exporti de l’arxiu milibreria.js a l’arxiu app .js
Conclusió
D’aquesta manera podem importar una o diverses llibreries en un altre arxiu JavaScript, en algunes ocasions pot ser que necessitis fer l’exportació i importació d’una altra manera , això pot canviar depenent de el que necessitis fer, però en aquest Post et dono la idea com has de fer aquestes tasques en JavaScript.
Nota ( s )
- El codi mostrat en aquest Post, pot ser modificat, quedar obsolet o continuar vigent , això no depèn de mi, si no dels Desenvolupadors que donen suport a JavaScript .
- no oblidis que hem de fer servir la Tecnologia per fer coses Bones pel Món.