Variabili e costanti JavaScript

In questo tutorial imparerai a conoscere le variabili e le costanti JavaScript e anche come inizializzarle e utilizzarle con l'aiuto di esempi.

Variabili JavaScript

Nella programmazione, una variabile è un contenitore (area di archiviazione) per contenere i dati. Per esempio,

let num = 5;

Ecco numla variabile che contiene il numero 5.

Variabili di dichiarazione JavaScript

In JavaScript, utilizziamo vare letparole chiave per dichiarare le variabili. Per esempio,

 var x; let y;

Qui, x e y sono variabili.

JavaScript var Vs let

Entrambi vare letsono usati per dichiarare le variabili. Tuttavia, ci sono alcune differenze tra di loro.

var permettere
var è utilizzato nelle versioni precedenti di JavaScript letè il nuovo modo di dichiarare le variabili a partire da ES6 (ES2015) .
var ha un ambito di funzione (verrà discusso nelle esercitazioni successive). let ha un ambito di blocco (verrà discusso nei tutorial successivi).
Per esempio, var x; Per esempio, let y;

Nota: si consiglia di utilizzare al letposto di var. Tuttavia, ci sono alcuni browser che non supportano let. Visita JavaScript e consenti al supporto del browser per saperne di più.

Variabili di inizializzazione JavaScript

Usiamo l'operatore =di assegnazione per assegnare un valore a una variabile.

 let x; x = 5;

Qui, 5 è assegnato alla variabile x.

È inoltre possibile inizializzare le variabili durante la sua dichiarazione.

 let x = 5; let y = 6;

In JavaScript, è possibile dichiarare le variabili in una singola istruzione.

 let x = 5, y = 6, z = 7;

Se usi una variabile senza inizializzarla, avrà un undefinedvalore.

 let x; // x is the name of the variable console.log(x); // undefined

Qui x è il nome della variabile e poiché non contiene alcun valore, sarà indefinito.

Imparerai undefinedin dettaglio e altri tipi di dati nel prossimo tutorial.

Modifica il valore delle variabili

È possibile modificare il valore memorizzato nella variabile. Per esempio,

 // 5 is assigned to variable x let x = 5; console.log(x); // 5 // vaue of variable x is changed x = 3; console.log(x); // 3

Il valore di una variabile può variare . Quindi, la variabile nome .

Regole per la denominazione delle variabili JavaScript

Le regole per la denominazione delle variabili sono:

  1. I nomi delle variabili devono iniziare con una lettera, un trattino basso _o il segno del dollaro $. Per esempio, 
     //valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
  2. I nomi delle variabili non possono iniziare con numeri. Per esempio, 
     //invalid Let 1a = 'hello'; // this gives an error
  3. JavaScript distingue tra maiuscole e minuscole. Quindi y e Y sono variabili diverse. Per esempio, 
     let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
  4. Le parole chiave non possono essere utilizzate come nomi di variabili. Per esempio, 
     //invalid let new = 5; // Error! new is a keyword.

Appunti:

  • Sebbene tu possa nominare le variabili nel modo che preferisci, è una buona pratica dare un nome descrittivo alla variabile. Se stai usando una variabile per memorizzare il numero di mele, è meglio usare mele o numberOfApples invece di x o n.
  • In JavaScript, i nomi delle variabili sono generalmente scritti in camelCase se contiene più parole. Ad esempio, firstName, annualSalary, ecc.

Costanti JavaScript

La constparola chiave è stata introdotta anche nella versione ES6 (ES2015) per creare costanti. Per esempio,

 const x = 5;

Una volta inizializzata una costante, non è possibile modificarne il valore.

 const x = 5; x = 10; // Error! constant cannot be changed. console.log(x)

Semplicemente, una costante è un tipo di variabile il cui valore non può essere modificato.

Inoltre, non è possibile dichiarare una costante senza inizializzarla. Per esempio,

 const x; // Error! Missing initializer in const declaration. x = 5; console.log(x)

Nota: se sei sicuro che il valore di una variabile non cambierà in tutto il programma, si consiglia di utilizzare const. Tuttavia, ci sono alcuni browser che non supportano const. Visita il supporto del browser JavaScript const per saperne di più.

Ora che conosci le variabili, imparerai a conoscere i diversi tipi di dati che una variabile può memorizzare nel prossimo tutorial.

Articoli interessanti...