Variables de Javascript

Les variables en JavaScript

Qu'est-ce que la variable ?

La variable est un "conteneur" pour y stocker des informations.
Rappelez vous l’école et l’algèbre x = 1 y = 2 z= x+y .
où x , y et z sont des variables.
On peut aussi utiliser des mots entier comme vaariables.

Les variables sont indispensables à tous les langages de programmation. Les variables sont utilisées pour stocker des données, comme une chaîne de texte, des chiffres, etc. Les données ou les valeurs stockées dans les variables peuvent être définies, mises à jour et récupérées à tout moment. En général, les variables sont des noms symboliques pour les valeurs.

Pour créer une variable, il suffit d'utiliser le mot-clé var, alors que l'opérateur d'affectation (=) est utilisé pour affecter une valeur à une variable, comme ceci : var nomvariable = valeur ;

Variables de Javascript

Comme avec l'algèbre, les variables de Javascript sont employées pour contenir des valeurs ou des expressions.
Une variable peut avoir un nom court, comme x, ou un nom plus descriptif, comme « login ».
Règles pour les noms de variables de Javascript :
• Les noms de variables de javascript distinguent les majuscules et minuscules (a et A sont deux variables différentes de même pour login et Login)
• Les noms variables doivent toujours commencer par une lettre ou le caractère de soulignage comme « a124 ou _124 »

Note : Puisque le Javascript distingue les majuscules et minuscules( C'est-à-dire il est case sensitif), les noms de variables distinguent les majuscules et minuscules.
Une variable peut changer de valeur pendant l'exécution du script.

Conseil : Donnez toujours des noms significatifs à vos variables. En outre, pour nommer les variables qui contiennent plusieurs mots, on utilise couramment la convention CamelCase.Dans cette convention, tous les mots après le premier doivent doivent commencer par une majuscule, par exemple: monNomDeVariableLong.

Déclaration des variables de Javascript (création)

La création des variables dans le Javascript est désignée le plus souvent sous le nom « déclaration » des variables.
Comme dit ci-dessus vous devez déclarer des variables de Javascript avec le mot-clé var :

var X ;
var login;

var x = 10 ;
var login = "carabde" ;

Après l'exécution des instructions ci-dessus, la variable x aura la valeur 10, et la variable login aura la valeur carabde.

Note : Quand vous assignez une valeur texte à une variable, employez les guillemets autour de la valeur.

Attribution des valeurs aux variables non déclarées de Javascript

Si vous utilisez dans votre code JavaScript une variable avant de la déclarer ça va provoque une erreur et risquant de perturber votre programme. Cependant, si vous attribuez des valeurs aux variables qui n'ont pas encore été déclarées, les variables seront automatiquement considérées comme déclarées
Ces instructions :

x=10 ;
login = "carabde" ;
ont le même effet que :
var x=10 ;
var login = "carabde" ;

Redéclaration de Variables de Javascript

Si vous redéclarez une variable de Javascript, il ne perdrez pas sa valeur originale.

var x=10 ;
var X ;

Après l'exécution des instructions ci-dessus, la variable x aura toujours la valeur de 10. La valeur de x n'est pas remise à zéro quand vous la redéclarez .

Calcule arithmétique de Javascript

Comme avec l'algèbre, vous pouvez faire des opérations arithmétiques avec des variables de Javascript :

y=x-10 ;
z=y+10 ;

Vous apprendrez plus au sujet des opérateurs qui peuvent être employés dans le prochain chapitre de ce cours.

Affectation du type de variables de Javascript

Une particularité de Javascript est d'avoir des variable sans type , c'est-à-dire que le type comme les nombres entiers ou à virgule flottante, est automatiquement affecté à la variable par le langage sans avoir à les déclarer.
Exemple :

Exemple :     📋 Copier le code

<script>
//i est du type entier.
var i = i + 1;

//taux est du type à virgule flottante
var taux = 0.66;

//texte est du type string
var texte = "Une chaîne de caractère quelconque";

</script>

Déclarer plusieurs variables à la fois en une seulle déclaration

En outre, vous pouvez également déclarer plusieurs variables et définir leurs valeurs initiales dans une seule instruction. Chaque variable est séparée par une virgule, comme le montre l'exemple suivant :

Code : HTML

📋 Copier le code

<script>
// Déclarer plusieurs variables
var name = "Peter Parker", age = 21, Married = false ;
 
/* Les déclarations plus longues peuvent être écrites sur plusieurs
plusieurs lignes pour améliorer la lisibilité */
var name = "Peter Parker",
age = 21 ans,
Married = false ;
</script>

Les mots-clés let et const ES6

ESE6 (acronyme CMAScript 6) est la dernière version standardisé de JavaScript

ES6 introduit deux nouveaux mots-clés: let et const pour déclarer des variables.
Le mot-clé const fonctionne exactement de la même manière que let, sauf que les variables déclarées à l'aide du mot-clé const ne peuvent pas être réaffectées plus tard dans le code (C'est-à-dire on ne peut pas leur donner une nouvelle valeur). Voici un exemple :

Code : HTML

📋 Copier le code

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>déclarer les  Variables avec les mots clés  let et const dans JavaScript</title>
</head>
<body>
    <script>
    // Déclaration de variables
    let nom = "Harry Potter";
    let age = 11;
    let isStudent = true;
    
    // imprimer les valeur des variables 
    document.write(nom + "<br>");
    document.write(age + "<br>");
    document.write(isStudent + "<br>");
    
    // Déclaration de constantes
    const PI = 3.14;
    
    // Imprimer les valeurs de constante 
    document.write(PI); // 3.14
    
    // Tenter de réaffecter
    PI = 10; // erreur
    </script>
    <p><strong>Note:</strong> Veuillez consulter la console du navigateur en appuyant sur la touche f12 du clavier. </p>
</body>
</html>

var et let sont tous deux utilisés pour la déclaration de variables en javascript, mais la différence entre eux est que var a une portée fonctionnelle et let une portée de bloc. On peut dire qu'une variable déclarée avec var est définie tout au long du programme, contrairement à let.

Les mots réservés de javascript

Plusieurs mots sont réservés à un emploi bien précis dans Javascript.
C'est pourquoi, ces mots clés ne peuvent être utilisés pour dénommer un identificateur (c'est-à-dire un nom de variable) quelconque sinon des risques de dysfonctionnement peuvent apparaître dans votre programmation.

Liste des mots clé de javascript

abstract, arguments, await, break, boolean, byte, case, catch, char, class, const, continue, debugger, default, delete, do, double, else, enum, eval, export, extends, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, int, interface, let, long, new, native, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, typeof, var, void, volatile, while, with, yield,

Exemple à éviter:

Exemple :     📋 Copier le code

<script>
/*Vous ne pouvez pas écrire
les formule suivantes ! car true,goto et final sont des mots 
réservés */

var true = "vrai";

var goto = "Retour à la page d'accueil";

var final = dernier - 1;

</script>