0Pricing
TypeScript Academy · Lezione

Sintassi dei moduli ES: import ed export

Utilizzi export con nome e predefiniti nei file TypeScript.

Sintassi dei moduli ES: import ed export è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. 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 4 lezioni in totale.

Benvenuto

TypeScript supporta la sintassi dei moduli ES per organizzare il codice in file separati. Questa lezione tratta le esportazioni con nome, le esportazioni predefinite e gli import.

Esportazioni con nome

Utilizzi `export` per rendere una dichiarazione disponibile ad altri file.
// math.ts
export function add(a: number, b: number): number { return a + b; }
export const PI = 3.14159;
export interface Config { host: string; }

Import con nome

Importi specifiche esportazioni con nome utilizzando le parentesi graffe.
// app.ts
import { add, PI } from './math';
console.log(add(1, 2)); // 3
console.log(PI);        // 3.14159

Esportazioni predefinite

Un modulo può avere una sola esportazione predefinita. La importi senza parentesi graffe e con qualsiasi nome.
// greeter.ts
export default function greet(name: string): string {
  return 'Hello, ' + name;
}

// app.ts
import greet from './greeter';
console.log(greet('Alice'));

Alias degli import

Utilizzi `as` per rinominare un import ed evitare conflitti di nomi.
import { log as consoleLog } from './logger';
import { User as UserModel } from './models';

Import di namespace

Importi tutte le esportazioni come oggetto namespace.
import * as math from './math';
console.log(math.add(1, 2));
console.log(math.PI);

Riesportare

Riesporti da un altro modulo per creare una superficie API pubblica.
// index.ts
export { add, PI } from './math';
export { greet } from './greeter';
export * from './utils';

Esportazioni di soli tipi

Esporti i tipi senza includere codice a runtime utilizzando `export type`.
// types.ts
export type { User, Product };
export type UserId = string;

Import di soli tipi

`import type` garantisce che per l'import non venga incluso alcun codice a runtime. È utile per importare interfacce e alias di tipo.
import type { User } from './models';
// Only the type is imported — no JavaScript
function greet(user: User): string { return user.name; }

Risoluzione dei moduli

TypeScript risolve gli import in base all'impostazione `moduleResolution` di tsconfig. `bundler` o `node16` sono le opzioni consigliate per i progetti moderni.

Importare JSON

Abiliti `resolveJsonModule: true` in tsconfig per importare file JSON con inferenza dei tipi.
// tsconfig.json: "resolveJsonModule": true
import config from './config.json';
console.log(config.host); // typed based on JSON structure

Controllo rapido

Quale sintassi di import garantisce che l'import non produca output JavaScript (solo di tipo)?

Riepilogo

Utilizzi esportazioni e import con nome per più elementi, esportazioni predefinite per l'elemento principale di un modulo e import type per i tipi. Le riesportazioni in index.ts creano API pubbliche ordinate.

Domande Frequenti

La lezione «Sintassi dei moduli ES: import ed export» è gratuita?

Sì — il testo completo di «Sintassi dei moduli ES: import ed export» è 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 4 lezioni in totale.

Cosa imparerò in «Sintassi dei moduli ES: import ed export»?

Utilizzi export con nome e predefiniti nei file TypeScript. 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 4.

Quanto tempo richiede la lezione «Sintassi dei moduli ES: import ed export»?

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

  1. Sintassi dei moduli ES: import ed export
  2. Riesportazioni e file barrel
  3. Import ed export di soli tipi
  4. Namespace o moduli: uso moderno
← Torna a TypeScript Academy