In JavaScript I moduli sono Essenzialmente le biblioteche incluse nel codice che stiamo scrivendo, in questo modo entrambi i codici sono collegati insieme e questo ci consente di chiamare funzioni che eseguono determinate attività e sono state scritte nelle librerie che importa, ci aiuta a evitare di scrivere tutto il corpo della funzione nel nuovo file JavaScript, ma è importante sapere come dovremmo importare ed esportare i moduli in JavaScript e in questo post spiegherò come farlo.
Prima di continuare con questo post, vi invito ad ascoltare il podcast:” 5 consigli per essere un programmatore più produttivo “(non i classici suggerimenti tecnici di programmazione, se non Buone abitudini tutti i giorni):
spotify:
cloud sonoro:
beh ora proseguiamo con il post: esportazione e importazione moduli E n JavaScript.
Esporta un modulo
In JavaScript è presente un oggetto speciale chiamato Module.Exports e quando questo oggetto viene utilizzato ed espone tutte le funzioni di un determinato modulo e sono accessibili a essere utilizzato nel nuovo file in cui sono definiti modulo.Export.
Vediamo quindi un esempio in JavaScript in cui viene utilizzato l’oggetto modulo.Export, definiamo 2 semplici funzioni per calcolare e stampare l’area e il perimetro di un rettangolo, il codice con le funzioni lo salviamo in un file con il nome milbribria.js
|
1
2
3
4
6
7
8
9
10
11
12
14
15
/ div> 16
17 |
// funzione Area
Lascia la zona = funzione (lungo, larghezza) { width) {
reddanosea let = lieve * larghezza;
console.log (“L’area rettangolare è” + rettanglea + ‘unità quadrata’);
// Funzione perimetrale
Lascia perimetro = funzione (a lungo , Larghezza) {
rettanulperimetro let = 2 * (lungo + larghezza);
console.log (‘il perimetro del rettangolo è unità’ + rettangolo + ‘unità (s)’ );
}
// Funzioni di esportazione
module.exports = {
area,
perimetro
|
Se hai lavorato con frameworks come reagire JS, tu può vedere che alla fine di un componente viene solitamente esportato, non è lo stesso codice, ma è un riferimento su come viene esportato il codice JavaScript. Ora vediamo come modulo in JavaScript è importato.
Importa un modulo
in JavaScript Importare un modulo modulo incluse le funzioni di una determinata libreria, che può essere utilizzata nel codice in cui è Imp O il modulo determinato. Per importare un modulo possiamo utilizzare la funzione “Richiesta” in cui passiamo il nome della libreria con il tuo percorso relativo.
Ad esempio, supponiamo di avere una cartella in cui ho un file chiamato app. JS, ora ho intenzione di creare una biblioteca nella stessa cartella, ti darò il nome del file milibriceria.js, quindi posso chiamare o importare questa libreria utilizzando la funzione Richiedi, questo prende il nome del modulo definito nel file di milibriceria.js:
|
1
3
5
DIV> 6 7
8
|
// import the milibriceria.js file contenente l’area delle funzioni e perimetro
const library = richiede (‘./ millibreria’);
lascia che Long = 18;
lascia larghezza = 9;
// chiamo le funzioni definite nel file milibriceria.js
libreria.area (lungo, larghezza);
biblioteca.perimeter (lungo, larghezza);
|
Se eseguo il codice precedente, otterrò Quanto segue:
|
1
2
|
// Risultato
L’area del rettangolo è 162 unità quadrate
il perimetro del rettangolo è 54 unità (s)
|
Con questo ho usato le funzioni della Milibriceria. file js nel file dell’app.Js
conclusione
In questo modo possiamo importare una o più librerie in un altro file JavaScript, a volte potrebbe essere necessario effettuare l’esportazione e l’importazione in un altro modo, questo potrebbe cambiare a seconda di cosa Devi fare, ma in questo post ti do l’idea di come dovresti fare queste attività in JavaScript.
Nota (s)
- Il codice mostrato in questo post , Può essere modificato, diventando obsoleto o continuato, questo non dipende da me, se non gli sviluppatori che supportano JavaScript.
- Non dimenticare che dovremmo usare la tecnologia per fare cose buone in tutto il mondo.