Esportare con export
Fa parte della sezione Programmazione orientata agli oggetti del percorso JavaScript di Coddy. Lezione 8 di 56.
Quando organizzi il tuo codice JavaScript in più file, la parola chiave export ti permette di rendere disponibili funzioni, variabili e altro codice, così che possano essere usati in altri file.
Creiamo due semplici funzioni che vogliamo esportare:
File: math-utils.js
// Una funzione che somma due numeri
function add(a, b) {
return a + b;
}
// Una funzione che moltiplica due numeri
function multiply(a, b) {
return a * b;
}
// Esporta le funzioni in modo che altri file possano usarle
export { add, multiply };In alternativa, puoi usare la sintassi di esportazione inline:
File: math-utils.js
// Esporta direttamente le funzioni
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Sfida
FacileHai due file <strong>main.js</strong> e <strong>weather-utils.js</strong>. Il tuo compito:
- In
<strong>weather-utils.js</strong>: aggiungi la parola chiaveexportper rendere la funzionegetWeatherMessagedisponibile agli altri file - In
<strong>main.js</strong>: chiama la funzione importatagetWeatherMessagecon la temperatura 15 e stampa il risultato usandoconsole.log
Provalo tu
import { getWeatherMessage } from './weather-utils.js';
// TODO: Chiama la funzione getWeatherMessage con temperatura 15 e stampa il risultato 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