import ed export spiegati con esempi piccoli

Usare funzioni scritte in un file dentro un altro file.

In parole semplici

export rende disponibile una funzione. import la prende da un altro file. È come dire: questa funzione vive qui, ma posso usarla anche altrove.

Questa lezione fa parte del modulo Organizzare una piccola app. L’obiettivo del modulo è: Passare da esempi isolati a un progetto con file, dati e funzioni organizzati.

Parole nuove

export: rendo qualcosa disponibile ad altri file.
import: uso qualcosa che arriva da un altro file.

Cosa impari

Capire il concetto senza partire da definizioni astratte.
Vedere un esempio piccolo che puoi copiare e modificare.
Collegare l’argomento al risultato del modulo: una notes app semplice con file separati e salvataggio locale.

Esempio da copiare

// matematica.js
export function somma(a, b) {
  return a + b;
}

// main.js
import { somma } from "./matematica.js";
console.log(somma(2, 3));

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

Crea matematica.js.
Esporta una funzione somma.
Importala in main.js.
Stampane il risultato.
Ricorda di collegare main.js come type=“module” nell’HTML.

Controllo finale

Hai finito quando una funzione scritta in un file viene usata in un altro.