English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Corso di base JavaScript

Oggetti JavaScript

Funzioni JavaScript

JS HTML DOM

BOM del browser JS

Corso di base AJAX

Manuale di riferimento JavaScript

Variabili JavaScript

Le variabili vengono utilizzate per memorizzare dati, ad esempio stringhe di testo, numeri, ecc.

Le variabili JavaScript standard non hanno tipi aggiuntivi, qualsiasi valore può essere memorizzato in qualsiasi variabile.

Puoi impostare, aggiornare e cercare i dati o i valori memorizzati nelle variabili quando necessario. Di solito, le variabili sono nomi simbolici dei valori.

Puoi utilizzarevarLe parole chiave creano variabili, mentre l'operatore di assegnazione (=) viene utilizzato per assegnare valori alle variabili.

In questo esempio x, y e z sono variabili:

var x = 20;
var y = 30;
var z = x + y;
Testa a vedere ›/›

Identificatori JavaScript

Tutte le variabili JavaScript devono essere identificate con nomi unici.

Questi nomi unici si chiamano identificatori.

Queste sono le regole per chiamare variabili JavaScript:

  • Il nome della variabile deve iniziare con una lettera, un trattino basso (_) o un simbolo dollaro ($)

  • Il nome della variabile non può iniziare con un numero

  • Il nome della variabile può contenere solo caratteri alfanumerici (A-z, 0-9) e trattino basso (_)

  • Il nome della variabile non può contenere spazi

  • Il nome della variabile non può essere una parola chiave o una parola riservata JavaScript

Attenzione: I nomi degli identificatori JavaScript sono sensibili alle maiuscole e minuscole.

Dichiarare variabile JavaScript

Creare variabili in JavaScript si chiama "dichiarazione" variabile.

UsivarUsa i termini chiave per dichiarare una variabile JavaScript:

var city;

Dopo la dichiarazione, la variabile èundefined(nessun valore).

Per assegnare un valore a una variabile, usa l'operatore di assegnazione: (=)

city = "New Delhi";

Puoi anche assegnare un valore alla variabile quando la dichiari:

var city = "New Delhi";

Nell'esempio seguente, creiamo una variabile chiamata city e le assegniamo il valore "New Delhi".

Poi, visualizziamo il valore nel paragrafo con id="para":

<p id="para"></p>
<script>
var city = "New Delhi";
document.getElementById("para").innerHTML = city; 
</script>
Testa a vedere ›/›

Dichiarare più variabili contemporaneamente

Puoi anche dichiarare più variabili e assegnare loro valori in un singolo comando. Ogni variabile è separata da una virgola.

var x = 10, y = 15, z = 5;
Testa a vedere ›/›

Le dichiarazioni possono essere distribuite su più righe:

var x = 10,
y = 15,
z = 5;
Testa a vedere ›/›

Riassegna variabile JavaScript

Puoi assegnare un valore a una variabile JavaScript.

var x = 10;
document.writeln(x);
x = 50;
document.writeln(x);
x = "Helo world";
document.writeln(x);
Testa a vedere ›/›

Ridefinisci variabile JavaScript

Se ridefinisci una variabile JavaScript, non perderà il suo valore.

Dopo aver eseguito la seguente istruzione, la variabileCittàContinuerà ad avere il valore "New Delhi":

var city = "New Delhi";
var city;
Testa a vedere ›/›

Tipi di dati JavaScript

Le variabili JavaScript possono contenere numeri (ad esempio 123) e valori di testo (ad esempio "Hello World").

JavaScript può gestire molti tipi di dati, ma ora consideriamo solo numeri e stringhe.

JavaScript non distingue tra valori interi e decimali.

Le stringhe sono racchiuse tra virgolette doppi o singole. I numeri non sono racchiusi tra virgolette.

Se si aggiunge un numero tra virgolette, sarà considerato un testo stringa.

const PI = 3.14;
var msg = 'Hello World';
var city = 'New Delhi';
Testa a vedere ›/›

In una parte successiva di questa guida, imparerai di più sulle tipologie di dati.

le parole chiave let e const

Con ES6 sono stati introdotti due nuove parole chiaveleteconstUtilizzato per dichiarare variabili.

letPermette di dichiarare variabili che non sono limitate all'ambito, alla istruzione o all'espressione utilizzata.

La definizione di ambito a blocco significa creare un nuovo ambito all'interno di un paio di parentesi graffe {...}.

var y = 20;
// y qui è 20
{
  let y = "world"; // y qui è "world"
}
// y qui è 20
Testa a vedere ›/›

constLa parola chiave dichiara una costante nomata readonly.

Il valore delle costanti non può essere cambiato tramite riassegnazione e non può essere ridichiarato.

Le costanti sono di ambito bloccato, molto simili aletVariabile definita con la parola chiave.

const MY_AGE = 120;
Testa a vedere ›/›

JavaScript non definito

undefinedIl valore indica che non è stato assegnato un valore alla variabile o che la variabile non è stata dichiarata.

Dopo aver eseguito la seguente istruzione, la variabilecityAvrà un valoreundefined:

var city;
Testa a vedere ›/›

Ambito delle variabili JavaScript

L'ambito delle variabili è l'area del programma in cui sono definite. Le variabili JavaScript hanno solo due ambiti.

  • Variabili globali - Le variabili globali hanno un ambito globale, il che significa che possono essere definite in qualsiasi posizione del codice JavaScript.

  • Variabili locali - Le variabili locali sono visibili solo all'interno della funzione in cui sono definite.

All'interno della funzione, le variabili locali hanno la precedenza sulle variabili globali con lo stesso nome. Se si dichiara una variabile locale o un parametro di funzione con lo stesso nome della variabile globale, è possibile nascondere efficacemente la variabile globale.

var myVar = "global"; // Dichiarazione di una variabile globale
function checkScope() {
   var myVar = "local"; // Dichiarazione di una variabile locale
   document.getElementById("para").innerHTML = myVar;
}
Testa a vedere ›/›

Puoi trovare ulteriori informazioni sull'ambito delle variabili nella parte posteriore di questa guida.

Termini riservati JavaScript

La tabella elenca tutti i termini riservati di JavaScript.

Non possono essere utilizzati come variabili JavaScript, funzioni, metodi o qualsiasi nome di oggetto.

abstractelseinstanceofswitch
booleanenumintsynchronized
breakexportinterfacethis
byteextendslongthrow
casefalsenativethrows
catchfinalnewtransient
charfinallynulltrue
classfloatpackagetry
constforprivatetypeof
continuefunctionprotectedvar
debuggergotopublicvoid
defaultifreturnvolatile
deleteimplementsshortwhile
doimportstaticwith
doubleinsuper