Espressioni JavaScript

Nel HTML, le istruzioni JavaScript vengono eseguite come istruzioni dal browser web.

Esempio

var x, y, z; // istruzione 1
x = 22; // istruzione 2
y = 11; // istruzione 3
z = x + y; // istruzione 4

Provalo personalmente

programmi JavaScript

programma del computersono una serie di istruzioni 'eseguite' dal computer.

In un linguaggio di programmazione, queste istruzioniistruzionivengono chiamati istruzioni.

programmi JavaScriptè una serie di programmazioneistruzione。

Commento:Nel HTML, i programmi JavaScript vengono eseguiti dal browser web.

Espressioni JavaScript

Le istruzioni JavaScript sono composte da quanto segue:

Valori, operatori, espressioni, parole chiave e commenti.

Questa istruzione dice al browser di eseguire "Hello Kitty." nell'elemento HTML con id="demo":

Esempio

document.getElementById("demo").innerHTML = "Hello Kitty.";

Provalo personalmente

La maggior parte dei programmi JavaScript contiene molte istruzioni JavaScript.

Queste istruzioni vengono eseguite una dopo l'altra nell'ordine in cui sono scritte.

Commento:Un programma JavaScript (e un'istruzione JavaScript) viene spesso chiamato codice JavaScript.

Punto e virgola ;

Le istruzioni JavaScript sono separate da punti e virgola.

Aggiungi un punto e virgola alla fine di ogni istruzione eseguibile:

a = 5;
b = 6;
c = a + b;

Provalo personalmente

Se separati da un punto e virgola, è permesso scrivere più istruzioni sulla stessa riga:

a = 5; b = 6; c = a + b;

Provalo personalmente

Potresti aver visto esempi online senza punto e virgola.

Suggerimento:Non è necessario terminare le istruzioni con un punto e virgola, ma lo consigliamo vivamente.

Caratteri bianchi JavaScript

JavaScript ignora più spazi. Puoi aggiungere spazi ai script per migliorare la leggibilità.

Queste due righe sono equivalenti:

var person = "Bill";
var person="Bill";

Aggiungere uno spazio accanto all'operatore ( = + - * / ) è un'abitudine buona:

var x = y + z;

Lunghezza delle righe e spezzatura JavaScript

Per ottenere una leggibilità ottimale, gli sviluppatori spesso preferiscono mantenere le righe di codice entro 80 caratteri.

Se un'istruzione JavaScript è troppo lunga, il miglior punto per spezzarla è dopo un operatore:

Esempio

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

Provalo personalmente

Blocco di codice JavaScript

Le istruzioni JavaScript possono essere composte con parentesi graffe ({...}）composti all'interno di un blocco di codice.

Il ruolo del blocco di codice è definire le istruzioni che devono essere eseguite insieme.

Vedrete che in JavaScript le istruzioni si combinano in modo bloccato:

Esempio

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

Provalo personalmente

Commento:In questa guida, abbiamo utilizzato 4 spazi di indentazione per i blocchi di codice.

Suggerimento:Imparerai di più sulle funzioni in questo tutorial.

Parole chiave JavaScript

Le istruzioni JavaScript sono spesso identificate da una parola chiave per indicare l'azione JavaScript da eseguire.

La seguente tabella elenca alcune delle parole chiave che imparerai nel tutorial:

Parola chiave Descrizione
break Terminare il switch o il ciclo.
continue Saltare il ciclo e iniziare dall'inizio.
debugger Fermare l'esecuzione JavaScript e chiamare la funzione di debug (se disponibile).
do ... while Eseguire il blocco di istruzioni e ripetere il codice quando la condizione è vera.
for Marcare il blocco di istruzioni da eseguire fintanto che la condizione è vera.
function Dichiarare la funzione.
if ... else Marcare il blocco di istruzioni da eseguire in base a una condizione.
return Uscire dalla funzione.
switch Marcare il blocco di istruzioni da eseguire in base a diverse condizioni.
try ... catch Eseguire il blocco di istruzioni per la gestione degli errori.
var Dichiarare variabili.

Commento:Le parole chiave JavaScript sono parole riservate. Le parole riservate non possono essere utilizzate come nomi di variabile.

Letture extra

Tutorial avanzato JavaScript: Sintassi ECMAScript