Tre posti in cui gira JavaScript
JavaScript non gira da solo: ha bisogno di un ambiente ospite che capisca il linguaggio. Nel 2026 ci sono tre ambienti che userai davvero:
- Un browser. Ogni browser include un motore JavaScript (V8 in Chrome ed Edge, SpiderMonkey in Firefox, JavaScriptCore in Safari). Incolla il codice nei DevTools e viene eseguito.
- Node.js. Un runtime indipendente che permette a JavaScript di girare fuori dal browser: dal terminale, sui server, dentro gli strumenti di build.
- Playground online e widget di editor (come quelli di questa pagina). Sotto il cofano sono semplicemente uno dei due precedenti, avvolto in un'interfaccia web.
Il linguaggio è lo stesso ovunque. Quello che cambia è cosa può raggiungere il codice: un browser ti dà document e window, Node ti dà il filesystem e la rete. Parti da quello più comodo per la tua situazione; puoi cambiare quando vuoi.
Opzione 1: la console del browser
Il modo più veloce per eseguire una riga di JavaScript è la console dei DevTools del browser. Apri una pagina web qualsiasi, premi F12 (o Cmd+Option+I su Mac), clicca sulla scheda Console e scrivi:
Premi Invio dopo ogni riga. La console stampa il valore restituito dalle espressioni e tutto ciò che passi a console.log. Puoi definire variabili, chiamare funzioni e ispezionare la pagina corrente: document.title ti restituisce il titolo della scheda attuale.
La console è ottima per:
- Provare un frammento di codice in due secondi.
- Curiosare nel DOM di un sito online.
- Fare il debug di codice già in esecuzione su una pagina.
Quello che scrivi nella console viene perso quando chiudi la scheda. Per tutto ciò che vuoi conservare, usa un file.
Opzione 2: un tag <script> in un file HTML
Per eseguire JavaScript come parte di una pagina web, mettilo in un file HTML. Salva questo codice come index.html e fai doppio clic per aprirlo nel browser:
<!doctype html>
<html>
<body>
<h1 id="title">Caricamento...</h1>
<script>
document.getElementById("title").textContent = "Ciao da uno script";
console.log("Lo script è stato eseguito");
</script>
</body>
</html>
Il tag <script> dice al browser "esegui questo come JavaScript". Il codice ha accesso alla pagina in cui è inserito, quindi document.getElementById(...) può raggiungere l'<h1> che sta sopra. Apri i DevTools per vedere l'output di console.log.
Per qualsiasi cosa più lunga di poche righe, sposta il codice in un file separato e collegalo:
<script src="app.js"></script>
Metti il tag <script> verso la fine di <body>, oppure aggiungigli defer, così viene eseguito dopo che l'HTML della pagina è stato analizzato. Trovi altro sugli script modulo e sull'ordine di caricamento nel capitolo sui moduli.
Opzione 3: Node.js dal terminale
Quando vuoi JavaScript senza un browser (uno script che rinomina file, un piccolo server, una veloce elaborazione di dati), usa Node.js. Installalo da nodejs.org (scegli la versione LTS), poi controlla che funzioni:
node --version
Salva un file come script.js:
Poi, dalla stessa cartella, esegui:
node script.js
L'output viene stampato direttamente nel terminale. Niente HTML, niente browser, nessuna fase di build. È così che avviene la maggior parte dello sviluppo JavaScript "vero" fuori dal browser: Node alimenta anche gli strumenti (bundler, test runner, linter) che stanno intorno a un progetto per il browser.
Puoi anche eseguire Node senza nessun file. Scrivi node e premi Invio: ottieni un prompt interattivo (una REPL) in cui ogni riga viene eseguita mentre la scrivi. Comodo per fare prove, come la console del browser ma nel terminale.
Opzione 4: l'editor di questa pagina
Ogni blocco editor-javascript su Coddy è un editor dal vivo. Modifica il codice, premi Esegui e guarda l'output. È l'opzione più semplice mentre impari: niente installazioni, niente configurazione, niente passaggi tra una scheda e l'altra:
Cambia "mondo" con il tuo nome ed eseguilo di nuovo. Questo è l'intero ciclo di feedback: modifica, esegui, leggi l'output. Gran parte di questo tutorial è pensata intorno a questo ciclo.
Quale usare?
Scegli quello che corrisponde a ciò che stai facendo:
- Provare una riga di codice o ispezionare una pagina online: la console del browser.
- Costruire qualcosa con una pagina web intorno: un file HTML con un tag
<script>. - Scrivere uno script, uno strumento o un server: Node.js dal terminale.
- Seguire questo tutorial: i blocchi di editor proprio qui.
Alcune cose che confondono i principianti:
- Il codice in Node.js non ha
documentnéwindow. Sono cose del browser. Chiamaredocument.getElementById(...)in Node lanciaReferenceError: document is not defined. - Il codice nel browser non ha accesso al tuo filesystem. I browser isolano le pagine per sicurezza. Se vuoi leggere un file locale, sei nel territorio di Node.
console.logfunziona in tutti e tre. È il "stampa qualcosa" universale di JavaScript.
Uno script di verifica
Esegui questo nell'ambiente che hai scelto. Se vedi le tre righe di output, sei pronto per la prossima pagina:
Tre funzionalità in un solo frammento: console.log, un oggetto Date integrato e un metodo degli array con una arrow function. Li incontrerai tutti per bene nei prossimi capitoli.
Prossimo passo: sintassi e punti e virgola
Ora che il codice gira da qualche parte, la domanda successiva è che aspetto ha la sintassi di JavaScript: istruzioni, espressioni e l'eterna discussione se mettere o no il punto e virgola alla fine di ogni riga. È l'argomento della prossima pagina.
Domande frequenti
Come si esegue codice JavaScript?
Hai tre opzioni semplici. Incollalo nella console dei DevTools del browser e premi Invio. Mettilo in un file HTML dentro un tag <script> e apri il file. Oppure installa Node.js ed esegui node script.js da un terminale. Tutte e tre eseguono lo stesso linguaggio: cambia solo l'ambiente che lo ospita.
Come si esegue un file JavaScript da riga di comando?
Installa Node.js da nodejs.org, salva il tuo codice come script.js, poi esegui node script.js in un terminale aperto nella stessa cartella. L'output di console.log(...) viene stampato direttamente nel terminale. Niente HTML, niente browser, nessuna fase di build.
Come si esegue JavaScript in Chrome?
Apri una pagina web qualsiasi, premi F12 (o Cmd+Option+I su Mac) e clicca sulla scheda Console. Scrivi un'espressione qualsiasi e premi Invio: viene eseguita subito su quella pagina. È il modo più veloce per provare un frammento di codice, ispezionare il DOM o curiosare in un sito online.