Variabili JavaScript
4 modi per dichiarare una variabile JavaScript:
- Usando
var - Usando
let - Usando
const - Non usando niente
Cosa sono le variabili?
Le variabili sono contenitori per la memorizzazione dei dati (memorizzazione dei valori dei dati).
In questo esempio, x, y, e z, sono variabili, dichiarate con la varparola chiave:
Esempio
var x = 5;
var y = 6;
var z = x + y;
In questo esempio, x, y, e z, sono variabili, dichiarate con la letparola chiave:
Esempio
let x = 5;
let y = 6;
let z = x + y;
In questo esempio, x, y, e z, sono variabili non dichiarate:
Esempio
x = 5;
y = 6;
z = x + y;
Da tutti gli esempi sopra, puoi indovinare:
- x memorizza il valore 5
- y memorizza il valore 6
- z memorizza il valore 11
Quando utilizzare JavaScript var?
Dichiara sempre le variabili JavaScript con var, leto const.
La varparola chiave è utilizzata in tutto il codice JavaScript dal 1995 al 2015.
Le parole chiave lete constsono state aggiunte a JavaScript nel 2015.
Se desideri che il tuo codice venga eseguito in un browser meno recente, devi utilizzare var.
Quando utilizzare JavaScript const?
Se vuoi una regola generale: dichiara sempre le variabili con const.
Se pensi che il valore della variabile possa cambiare, usa let.
In questo esempio, price1, price2, e total, sono variabili:
Esempio
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Le due variabili price1e price2
sono dichiarate con la constparola chiave.
Questi sono valori costanti e non possono essere modificati.
La variabile totalviene dichiarata con la letparola chiave.
Questo è un valore che può essere modificato.
Proprio come l'algebra
Proprio come in algebra, le variabili contengono valori:
let x = 5;
let y = 6;
Proprio come in algebra, le variabili sono usate nelle espressioni:
let z = x + y;
Dall'esempio sopra, puoi indovinare che il totale è calcolato come 11.
Nota
Le variabili sono contenitori per la memorizzazione di valori.
Identificatori JavaScript
Tutte le variabili JavaScript devono essere identificate con nomi univoci .
Questi nomi univoci sono chiamati identificatori .
Gli identificatori possono essere nomi brevi (come xey) o nomi più descrittivi (età, somma, volume totale).
Le regole generali per la costruzione di nomi per variabili (identificatori univoci) sono:
- I nomi possono contenere lettere, cifre, trattini bassi e segni di dollaro.
- I nomi devono iniziare con una lettera
- I nomi possono anche iniziare con $ e _ (ma non lo useremo in questo tutorial)
- I nomi fanno distinzione tra maiuscole e minuscole (y e Y sono variabili diverse)
- Le parole riservate (come le parole chiave JavaScript) non possono essere utilizzate come nomi
Nota
Gli identificatori JavaScript fanno distinzione tra maiuscole e minuscole.
L'operatore di assegnazione
In JavaScript, il segno di uguale ( =) è un operatore di "assegnazione", non un operatore di "uguale a".
Questo è diverso dall'algebra. Quanto segue non ha senso in algebra:
x = x + 5
In JavaScript, invece, ha perfettamente senso: assegna il valore di x + 5 a x.
(Calcola il valore di x + 5 e inserisce il risultato in x. Il valore di x viene incrementato di 5.)
Nota
L'operatore "uguale a" è scritto come ==in JavaScript.
Tipi di dati JavaScript
Le variabili JavaScript possono contenere numeri come 100 e valori di testo come "John Doe".
Nella programmazione, i valori di testo sono chiamati stringhe di testo.
JavaScript può gestire molti tipi di dati, ma per ora basta pensare a numeri e stringhe.
Le stringhe sono scritte tra virgolette doppie o singole. I numeri sono scritti senza virgolette.
Se metti un numero tra virgolette, verrà trattato come una stringa di testo.
Esempio
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Dichiarazione di una variabile JavaScript
La creazione di una variabile in JavaScript è chiamata "dichiarazione" di una variabile.
Dichiari una variabile JavaScript con varo la letparola chiave:
var carName;
o:
let carName;
Dopo la dichiarazione, la variabile non ha valore (tecnicamente è undefined).
Per assegnare un valore alla variabile, utilizzare il segno di uguale:
carName = "Volvo";
Puoi anche assegnare un valore alla variabile quando la dichiari:
let carName = "Volvo";
Nell'esempio seguente, creiamo una variabile chiamata carNamee le assegniamo il valore "Volvo".
Quindi "produciamo" il valore all'interno di un paragrafo HTML con id="demo":
Esempio
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Nota
È una buona pratica di programmazione dichiarare tutte le variabili all'inizio di uno script.
Una dichiarazione, molte variabili
Puoi dichiarare molte variabili in un'unica istruzione.
Inizia l'istruzione con vare separa le variabili con una virgola :
Esempio
let person = "John Doe", carName = "Volvo", price = 200;
Una dichiarazione può estendersi su più righe:
Esempio
let person = "John Doe",
carName = "Volvo",
price = 200;
Valore = indefinito
Nei programmi per computer, le variabili sono spesso dichiarate senza un valore. Il valore può essere qualcosa che deve essere calcolato o qualcosa che verrà fornito in seguito, come l'input dell'utente.
Una variabile dichiarata senza un valore avrà il valore
undefined.
La variabile carName avrà il valore undefineddopo l'esecuzione di questa istruzione:
Esempio
let carName;
Ri-dichiarazione di variabili JavaScript
Se dichiari nuovamente una variabile JavaScript dichiarata con var, non perderà il suo valore.
La variabile carNameavrà ancora il valore "Volvo" dopo l'esecuzione di queste istruzioni:
Esempio
var carName = "Volvo";
var carName;
Nota
Non è possibile dichiarare nuovamente una variabile dichiarata con leto const.
Questo non funzionerà:
let carName = "Volvo";
let carName;
JavaScript aritmetica
Come con l'algebra, puoi fare aritmetica con le variabili JavaScript, usando operatori come =e +:
Esempio
let x = 5 + 2 + 3;
Puoi anche aggiungere stringhe, ma le stringhe verranno concatenate:
Esempio
let x = "John" + " " + "Doe";
Prova anche questo:
Esempio
let x = "5" + 2 + 3;
Nota
Se metti un numero tra virgolette, il resto dei numeri verrà trattato come stringhe e concatenato.
Ora prova questo:
Esempio
let x = 2 + 3 + "5";
JavaScript Simbolo del dollaro $
Poiché JavaScript tratta il simbolo del dollaro come una lettera, gli identificatori contenenti $ sono nomi di variabili validi:
Esempio
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
L'uso del simbolo del dollaro non è molto comune in JavaScript, ma i programmatori professionisti spesso lo usano come alias per la funzione principale in una libreria JavaScript.
Nella libreria JavaScript jQuery, ad esempio, la funzione principale
$viene utilizzata per selezionare gli elementi HTML. In jQuery $("p");significa "seleziona tutti gli elementi p".
JavaScript sottolineatura (_)
Poiché JavaScript considera il carattere di sottolineatura come una lettera, gli identificatori contenenti _ sono nomi di variabili validi:
Esempio
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
L'uso del carattere di sottolineatura non è molto comune in JavaScript, ma una convenzione tra i programmatori professionisti consiste nell'usarlo come alias per le variabili "private (nascoste)".