Menu
Coddy logo textTech

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');
challenge icon

Sfida

Facile

Stai creando un modulo di registrazione. Hai un file validation-utils.js che contiene utili funzioni per la convalida delle email.

Il tuo compito:

  1. Importa la funzione validateEmail in main.js (è un'esportazione con nome, non l'esportazione predefinita)
  2. Chiama la funzione e passa l'indirizzo email user@example.com
  3. 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.log
quiz iconMettiti alla prova

Questa lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.

Tutte le lezioni di Programmazione orientata agli oggetti

Esercitati da solo: Compilatore JavaScript online