Introduzione
Testo introduttivo. JavaScript è un linguaggio di programmazione versatile e potente che consente di aggiungere interattività alle pagine web.
Descrizione generale. Creato originariamente per "rendere vive" le pagine web, oggi JavaScript è utilizzato sia sul frontend che sul backend.
- Concetto 1: JavaScript è un linguaggio interpretato
- Concetto 2: È orientato agli oggetti e basato su prototipi
- Concetto 3: È un linguaggio di scripting lato client
console.log("Hello World");
Spiegazione aggiuntiva. Il codice sopra mostra come visualizzare un messaggio nella console del browser, uno strumento fondamentale per il debugging.
Sintassi base
Spiegazione della sintassi. JavaScript utilizza una sintassi simile a C, con punti e virgola alla fine delle istruzioni e parentesi graffe per delimitare i blocchi di codice.
Esempi di codice. Di seguito alcuni esempi di sintassi base in JavaScript.
- Variabili: Dichiarate con let, const o var
- Funzioni: Blocchi di codice riutilizzabili
- Oggetti: Collezioni di proprietà e metodi
function example() { let x = 10; const y = 20; return x + y; }
Note importanti. È consigliabile utilizzare let e const invece di var per la dichiarazione delle variabili.
Strutture di controllo
If/else statements. Permettono di eseguire blocchi di codice in base a condizioni specifiche.
Loop e iterazioni. JavaScript offre diversi tipi di cicli per iterare attraverso dati e ripetere operazioni.
- For loop: Utilizzato quando si conosce il numero di iterazioni
- While loop: Esegue il codice finché una condizione è vera
- Switch case: Alternativa a molteplici if/else
for(let i = 0; i < 5; i++) { console.log("Iterazione numero: " + i);
}
Best practices. Evitare cicli infiniti e utilizzare la struttura di controllo più appropriata per ogni situazione.
Gestione degli errori
Try/catch blocks. Permettono di gestire gli errori in modo elegante senza interrompere l'esecuzione del programma.
Errori comuni. JavaScript può generare diversi tipi di errori durante l'esecuzione del codice.
- TypeError: Si verifica quando un'operazione non può essere eseguita
- ReferenceError: Si verifica quando si fa riferimento a una variabile non dichiarata
- SyntaxError: Si verifica quando c'è un errore nella sintassi del codice
try { // Operazione rischiosa riskyOperation(); } catch(e) {
console.error("Si è verificato un errore:", e.message); }
Debugging tips. Utilizzare console.log, debugger e gli strumenti di sviluppo del browser per identificare e risolvere gli errori.
DOM Manipulation
Selezionare elementi. JavaScript permette di selezionare elementi HTML per modificarli dinamicamente.
Modificare contenuti. Una volta selezionati, gli elementi possono essere modificati in vari modi.
- getElementById: Seleziona un elemento tramite il suo ID
- querySelector: Seleziona elementi usando selettori CSS
- innerHTML: Modifica il contenuto HTML di un elemento
const element = document.querySelector(".class"); element.innerHTML =
"Nuovo contenuto"; element.style.color = "blue";
Considerazioni prestazionali. Minimizzare le manipolazioni del DOM e raggruppare le modifiche per migliorare le prestazioni.