Quante volte capita di trovarci di fronte a file JavaScript di centinaia, se non migliaia, di righe di codice contenenti le più disparate funzioni e funzionalità (a volte anche duplicate)? Un'entropia destinata a crescere nel tempo, che rende ben presto il codice difficile da manutenere.
Iniziamo questa breve serie di script parlando degli ES module.
I moduli JavaScript sono file che espongono, utilizzando il termine export, funzioni, variabili, classi o oggetti. Possono essere utilizzati all'interno di più file o importati della pagina HTML, rendendo le loro funzionalità disponibili globalmente.
//module.js const a = 1 function sum(num) { return num + 1; } export { a, sum }
Avendo dichiarato di voler esporre la variabile a e la funzione sum, possiamo utilizzare la keyword import per utilizzarle all'interno di un altro file JavaScript.
// import 'a' e 'sum' utilizzando un alias import { a, sum as s } from 'module' var x = s(a);
Possiamo referenziare il file anche all'interno del documento HTML aggiungendo, come da specifiche, l'attributo type="module" al tag script.
<script type="module" src="module.js"></script>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Dependency Injection e custom validator in Blazor con .NET 7.0
Organizzare i moduli sfruttando CommonJS
Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript
Migrare un repository che contiene large file storage objects in GitHub
Eseguire query verso tipi non mappati in Entity Framework Core
Utilizzare ChatGPT con Azure OpenAI
Gestire condizioni complesse in JavaScript
Verificare la provenienza di un commit tramite le GitHub Actions
Utilizzare la libreria Benchmark.NET per misurare le performance
.NET Conference Italia 2023
Utilizzare la parola chiave file nel codice C#
Elencare le container images installate in un cluster di Kubernetes
I più letti di oggi
- .NET Conference Italia 2023 - Milano e Online
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Microsoft Visual Studio Code: un nuovo editor gratuito per Windows, MacOSX e Linux per sviluppatori ASP.NET e Node.js
- Registrare servizi multipli tramite chiavi in ASP.NET Core 8
- Chiamare direttamente un numero di telefono con HTML5