Importare con import
Fa parte della sezione Programmazione orientata agli oggetti del percorso JavaScript di Coddy. Lezione 9 di 56.
Dopo aver esportato una funzionalità da un modulo, dobbiamo importarla per usarla in un altro file. L'istruzione import ci permette di importare valori esportati da altri moduli.
Importa un'esportazione con nome:
// Importazione di una funzione specifica da un modulo
import { greet } from './greeting.js';
// Ora possiamo usare la funzione greet
greet('John'); // Output: Hello, John!Puoi importare più esportazioni con nome contemporaneamente:
// Importazione di più esportazioni
import { greet, farewell } from './greeting.js';
greet('John'); // Output: Hello, John!
farewell('John'); // Output: Goodbye, John!Importa un'esportazione predefinita:
// Importazione di un'esportazione predefinita (non servono parentesi graffe)
// Usa questo quando l'altro file contiene: export default functionName
import Person from './person.js';
// Crea un nuovo Person
const john = new Person('John');Sfida
FacileStai creando un modulo di registrazione. Hai un file validation-utils.js che contiene utili funzioni per la convalida delle email.
Il tuo compito:
- Importa la funzione
validateEmailinmain.js(è un'esportazione con nome, non l'esportazione predefinita) - Chiama la funzione e passa l'indirizzo email user@example.com
- Stampa i risultati usando
console.log
Provalo tu
// TODO: Importa qui la funzione validateEmail (è l'esportazione denominata)
// TODO: Chiama la funzione, passale l'indirizzo email user@example.com e stampa i risultati usando console.logQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Programmazione orientata agli oggetti
1Oggetti e la keyword this
Ripasso rapido: oggettiAggiungere metodi agli oggettiCapire la keyword thisFunzioni costruttriciLa keyword newSfida di ripasso7Ereditarietà e parola chiave extends
EreditarietàLa relazione «è un»La parola chiave extendsIl metodo super()Ereditare proprietà e metodiSfida di ripasso13Composizione vs. ereditarietà
«Ha-un» vs. «è-un»I limiti dell’ereditarietà profondaCostruire oggetti2Organizzare il codice
Cosa sono i moduli?Esportare con exportImportare con importExport predefiniti vs. export nominati5Incapsulamento e accesso
IncapsulamentoCampi di classe pubblici e privatiMetodi privatiSfida di riepilogo8Organizzare il codice OOP
Organizzare le classi in moduli11Progetto: Un renderizzatore di forme
Configurazione: classe Shape ed esportazioneEreditarietà della classe CircleOverride e metodo areaContatore statico di Shape14Sistema di gestione della biblioteca
Progettare la bibliotecaClasse Book con composizioneValidazione dell'autore del libroEsercitati da solo: Compilatore JavaScript online