Variables JavaScript

Les variables sont utilisées pour stocker des données, telles que des chaînes de caractères, des nombres, etc.

Les variables standard JavaScript n'ont pas de type supplémentaire, toute valeur peut être stockée dans toute variable.

peuvent être définis, mis à jour et récupérés à tout moment. Souvent, une variable est un nom symbolique d'une valeur.

Vous pouvez utiliservarLes mots-clés créent des variables, et l'opérateur d'affectation (=) est utilisé pour affecter des valeurs aux variables.

Dans cet exemple, x, y et z sont des variables :

var x =　20;
var y =　30;
var z = x　+　y;

Identificateurs JavaScript

Toutes les variables JavaScript doivent être identifiées par des noms uniques.

Ces noms uniques sont appelés identificateurs.

Voici les règles pour nommer une variable JavaScript :

• Le nom d'une variable doit commencer par une lettre, un trait de soulignement (_) ou un symbole dollar ($)

• Le nom d'une variable ne peut pas commencer par un chiffre

• Le nom d'une variable ne peut contenir que des caractères alphanumériques (A-z,0-9) et les traits de soulignement

• Le nom d'une variable ne peut pas contenir d'espaces

• Le nom d'une variable ne peut pas être un mot-clé ou une réserve JavaScript

Déclaration de variable JavaScript

Créer une variable en JavaScript s'appelle une variable "déclarée".

Vous utilisezvarUtilisez les mots-clés pour déclarer une variable JavaScript :

var city;

Après la déclaration, la variable estundefined(sans valeur).

Pour affecter une valeur à une variable, utilisez l'opérateur d'égalité :

city = "New Delhi";

Vous pouvez également affecter une valeur à une variable lors de sa déclaration :

var city = "New Delhi";

Dans l'exemple suivant, nous créons une variable nommée city et lui assignons la valeur "New Delhi".

Ensuite, nous affichons la valeur dans le paragraphe dont l'id est "para" :

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

Déclaration multiple de variables

Vous pouvez également déclarer plusieurs variables et les initialiser en une seule instruction. Chaque variable est séparée par une virgule.

var x =　10, y =　15, z =　5;

Les déclarations peuvent s'étendre sur plusieurs lignes :

var x =　10,
y =　15,
z =　5;

Affectation de nouvelle valeur à une variable JavaScript

Vous pouvez affecter une nouvelle valeur à une variable JavaScript.

var x =　10;
document.writeln(x);
x =　50;
document.writeln(x);
x = "Helo world";
document.writeln(x);

Redéclaration d'une variable JavaScript

Si vous redéclarez une variable JavaScript, elle ne perdra pas sa valeur.

Après l'exécution de la phrase suivante, la variablevillerestera encore la valeur "New Delhi" :

var city = "New Delhi";
var city;

Types de données JavaScript

Les variables JavaScript peuvent contenir des nombres (comme123) et les valeurs textuelles (comme "Hello World").

JavaScript peut gérer plusieurs types de données, mais pour le moment, considérons uniquement les nombres et les chaînes de caractères.

JavaScript ne fait pas la distinction entre les valeurs entières et les valeurs à virgule flottante.

Les chaînes de caractères sont encadrées par des guillemets doubles ou simples. Les nombres ne sont pas encadrés par des guillemets.

Si vous ajoutez un nombre entre les guillemets, il sera considéré comme une chaîne de texte.

const PI =　3.14;
var msg = "Hello World";
var city = 'New Delhi';

Dans la partie suivante de ce tutoriel, vous apprendrez davantage sur les types de données.

mots-clés let et const

ES6introduit deux nouveaux mots-clésletetconstUtilisé pour déclarer des variables.

letVous permet de déclarer des variables qui ne sont pas limitées par le bloc, la phrase ou l'expression sur lequel elles sont utilisées.

La définition de portée de bloc signifie la création d'un nouveau domaine d'application entre deux accolades {...}.

var y =　20;
//　Ici, y est　20
{
　　let y = "world";　　//　Ici, y est "world"
}
//　Ici, y est　　20

constLe mot-clé déclare une constante nommée lecture seule.

La valeur des constantes ne peut pas être modifiée par réaffectation et ne peut pas être redéclarée.

Les constantes sont de portée de bloc, très similaires à celles utiliséesletVariable définie par un mot-clé.

const MY_AGE =　120;

JavaScript non défini

undefinedLa valeur indique que la variable n'a pas encore été affectée de valeur, ou qu'elle n'a pas été déclarée du tout.

Après l'exécution de la phrase suivante, la variablecitysera affectée par la valeurundefined:

var city;

Portée des variables JavaScript

La portée d'une variable est l'aire du programme où elle est définie. Les variables JavaScript n'ont que deux portées.

• Variable globale - La variable globale a une portée globale, ce qui signifie qu'elle peut être définie à tout endroit dans le code JavaScript.

• Variable locale - La variable locale n'est visible que dans la fonction où elle est définie.

Dans le corps de la fonction, la variable locale a la priorité sur la variable globale portant le même nom. Si vous déclarez une variable locale ou un paramètre de fonction portant le même nom que la variable globale, vous pouvez masquer efficacement la variable globale.

var myVar = "global";　　//　Déclaration d'une variable globale
function checkScope() {
　　　var myVar = "local";　//　Déclaration de variable locale
　　　document.getElementById("para").innerHTML = myVar;
}

Vous découvrirez plus d'informations sur la portée des variables à la fin de ce tutoriel.

Mots réservés JavaScript

Le tableau suivant liste toutes les mots réservés dans JavaScript.

Ils ne peuvent pas être utilisés comme variable, fonction, méthode ou tout nom d'objet JavaScript.