Moduli ES (named e default), riesportazioni
Comprenda le esportazioni/importazioni named e default e come riesportare per creare confini tra moduli ordinati.
Moduli ES (named e default), riesportazioni è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 1 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 3 lezioni in totale.
Introduzione
Obiettivo: utilizzare con sicurezza gli ES Modules. Esporterà e importerà simboli nominati e predefiniti, quindi li comporrà con le riesportazioni per creare API pubbliche ordinate.
Esportazioni/importazioni con nome
Le esportazioni con nome usano export prima delle dichiarazioni; le importi con le parentesi graffe: import { name }.
// file: math.ts
export function add(a: number, b: number): number { return a + b }
export const PI = 3.14159
// file: app.ts
import { add, PI } from "./math"
console.log(add(2, 3), PI) // 5 3.14159Esportazione/importazione predefinita
L’esportazione predefinita è il valore principale di un modulo. La importi senza parentesi graffe: import Foo from "./mod".
// file: greet.ts
export default function greet(name: string) { console.log(`Hello, ${name}`) }
// file: app.ts
import greet from "./greet"
greet("Ada")Predefinita e con nome insieme
In un modulo è possibile combinare una esportazione predefinita con più esportazioni con nome e importarle insieme.
// file: color.ts
export default "black"
export const palette = [ "red", "green", "blue" ]
// file: app.ts
import baseColor, { palette } from "./color"
console.log(baseColor, palette.length)Riesportazioni (barrel)
Le riesportazioni (export { x } from / export * from) creano un barrel, così chi usa il modulo importa da un unico punto di ingresso.
// file: math/add.ts
export const add = (a: number, b: number) => a + b
// file: math/index.ts (barrel)
export { add } from "./add"
export * from "./more"
// file: app.ts
import { add } from "./math"
console.log(add(1, 2))Suggerimenti e insidie
Suggerimenti:
- Preferisca le esportazioni con nome per facilitarne l’individuazione e mantenere coerenti le ridenominazioni.
- Usi l’esportazione predefinita per l’unico elemento “principale” di un modulo.
- Costruisca i barrel ai confini dei pacchetti ed eviti le importazioni circolari.
Verifica dell’importazione predefinita
Verifica rapida: quale importazione corrisponde a un’esportazione predefinita?
Riepilogo
Riepilogo: usi le esportazioni con nome per più esportazioni, quella predefinita per un singolo valore principale e le riesportazioni per presentare un punto di ingresso ordinato.
Domande Frequenti
La lezione «Moduli ES (named e default), riesportazioni» è gratuita?
Sì — il testo completo di «Moduli ES (named e default), riesportazioni» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 3 lezioni in totale.
Cosa imparerò in «Moduli ES (named e default), riesportazioni»?
Comprenda le esportazioni/importazioni named e default e come riesportare per creare confini tra moduli ordinati. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare TypeScript Academy?
Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 3.
Quanto tempo richiede la lezione «Moduli ES (named e default), riesportazioni»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?
Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Moduli ES (named e default), riesportazioni
- Dichiarazioni ambientali (.d.ts) e tipizzazioni di terze parti
- Mappatura dei percorsi e risoluzione dei moduli