JavaVariable de script : déclarer, attribuer une valeur avec un exemple
James Hartmann
⚡ Résumé intelligent
JavaLes variables de script stockent des valeurs telles que des noms et des nombres, ou le résultat d'une expression. Déclarer une variable avec `var`, `let` ou `const` lui réserve un emplacement nommé que le reste du script peut lire et modifier.
Les variables servent à stocker des valeurs (nom = « John ») ou des expressions (somme = x + y). Chaque valeur qu'un script conserve pour une utilisation ultérieure (un nom d'utilisateur, un total cumulé, un indicateur oui/non) est stockée dans une variable ; savoir les déclarer et les nommer correctement est donc la première compétence à acquérir. Javascénario.
Déclarer des variables dans Javascénario
Avant d'utiliser une variable, il faut d'abord la déclarer. Pour cela, il faut utiliser le mot-clé `var`, comme ceci :
var name;
La déclaration seule crée le nom et rien de plus. À ce stade, la variable existe mais sa valeur spéciale est indéfinie, car aucune valeur ne lui a encore été attribuée.
⚠️ Note de version : `var` est le mot-clé de déclaration original et il est toujours exécuté dans tous les navigateurs. ES6 (2015) a ajouté laisser et const, qui sont les mots-clés modernes JavaUtilisation du script. Les deux sont comparés à la variable plus bas sur cette page.
Attribuer une valeur à la variable
Vous pouvez attribuer une valeur à la variable soit lors de la déclaration de la variable, soit après avoir déclaré la variable.
var name = "John";
OR
var name; name = "John";
Les deux formes aboutissent au même résultat. Le signe égal unique est le opérateur d'assignation: elle copie la valeur à sa droite dans la variable à sa gauche. Ce n'est pas un test d'égalité, qui s'écrit == ou === et appartient à la catégorie `equals`. expressions conditionnelles.
Nommer les variables
Bien que vous puissiez nommer les variables comme vous le souhaitez, il est recommandé, en programmation, de leur donner des noms descriptifs et significatifs. De plus, les noms de variables doivent commencer par une lettre et respecter la casse. Ainsi, les variables « studentname » et « studentName » sont différentes car la lettre « n » est différente (n et n).
Quatre règles déterminent si un nom est légal :
- Le premier caractère doit être une lettre, un signe dollar ou un trait de soulignement — jamais un chiffre.
- Après le premier caractère, les lettres, les chiffres, les signes dollar et les traits de soulignement sont tous autorisés.
- Les espaces ne sont pas autorisés, c'est pourquoi une idée composée de deux mots est abrégée en « studentName » plutôt que d'être laissée en deux mots distincts.
- Les mots réservés tels que var, let, const, class et return ne peuvent pas être réutilisés comme noms.
Par convention JavaLes noms de scripts utilisent la notation camelCase, donc le premier mot est en minuscule et chaque mot suivant commence par une majuscule : firstName, totalPrice, isLoggedIn.
Le script ci-dessous déclare deux variables, leur applique les cinq opérateurs arithmétiques et affiche chaque résultat. Essayez-le vous-même :
<html>
<head>
<title>Variables!!!</title>
<script type="text/javascript">
var one = 22;
var two = 3;
var add = one + two;
var minus = one - two;
var multiply = one * two;
var divide = one/two;
document.write("First No: = " + one + "<br />Second No: = " + two + " <br />");
document.write(one + " + " + two + " = " + add + "<br/>");
document.write(one + " - " + two + " = " + minus + "<br/>");
document.write(one + " * " + two + " = " + multiply + "<br/>");
document.write(one + " / " + two + " = " + divide + "<br/>");
</script>
</head>
<body>
</body>
</html>
var vs let vs const en moderne Javascénario
Seule la variable existait lorsque JavaLe script a été écrit en premier, et il présente deux particularités qui surprennent les débutants : il peut être redéclaré silencieusement et il ignore les limites des blocs. Les mots-clés `let` et `const` ont été ajoutés pour corriger ces deux problèmes. Le tableau ci-dessous compare ces trois mots-clés.
| COMPORTEMENT | var | laisser | const |
|---|---|---|---|
| Domaine | Fonction complète | Bloc d'enceinte | Bloc d'enceinte |
| Peut être réaffecté | Oui | Oui | Non |
| Peut être redéclaré dans la même portée | Oui | Non | Non |
| Valeur requise sur la ligne de déclaration | Non | Non | Oui |
| À lire avant sa déclaration | Renvoie une valeur indéfinie | Erreur de référence | Erreur de référence |
Une habitude simple couvre presque tous les cas : prendre const tout d'abord, passez à laisser au moment où une valeur doit réellement changer, comme un compteur à l'intérieur de l'un des Javaboucles de script, et conserver la variable pour lire l'ancien code plutôt que d'en écrire du nouveau.
Portée variable et levage dans Javascénario
La portée détermine quelles parties d'un script peuvent accéder à une variable. Une déclaration `var` appartient à la fonction qui la contient et échappe donc à tout bloc `if` ou `for` à l'intérieur de cette fonction. Une déclaration `let` ou `const` appartient à la paire d'accolades qui la contient et disparaît à l'extérieur.
function demo() { if (true) { var wide = "visible throughout demo()"; let narrow = "visible only inside these braces"; } console.log(wide); console.log(narrow); }
Le premier appel à `console.log` affiche sa chaîne de caractères. Le second génère une erreur de référence (`ReferenceError`), car `narrow` n'existe plus une fois le bloc `if` terminé.
Levage Voici la seconde partie de l'histoire. JavaLe script enregistre chaque déclaration dans une portée avant d'exécuter la moindre ligne de cette portée. Un nom de variable est enregistré et initialisé à `undefined`, il est donc possible, mais inutile, de le lire avant la fin du bloc. Un nom de constante ou de lettre est enregistré sans valeur, et l'espace entre le début du bloc et la ligne de déclaration est appelé l'intervalle de confiance. zone morte temporelle.
console.log(a); var a = 1; console.log(b); let b = 2;
La première ligne affiche « undefined ». La troisième ligne s'arrête sur « Impossible d'accéder à 'b' avant l'initialisation » — l'erreur qui rend `let` plus sûr que `var`, car elle indique la véritable erreur au lieu de la masquer.
Erreurs courantes lors de la déclaration JavaVariables de script
Cinq messages représentent la majeure partie des sorties console que les débutants voient lorsqu'ils apprennent à utiliser les variables. Chacun indique une cause précise, la solution se résout donc généralement en une seule ligne.
| Message de la console | Causes | Fixer |
|---|---|---|
| Erreur de syntaxe : l’identificateur « x » a déjà été déclaré | let ou const utilisé deux fois pour le même nom dans un bloc | Réutilisez la variable existante ou renommez la seconde. |
| TypeError : affectation à une variable constante | Une constante a reçu une nouvelle valeur | Déclarez-le avec let si la valeur doit changer. |
| ReferenceError : Impossible d'accéder à « x » avant l'initialisation. | Un let ou un const a été lu à l'intérieur de la zone morte temporelle | Déplacez la lecture sous la ligne de déclaration |
| ReferenceError : x n'est pas défini | Le nom n'a jamais été déclaré, ou alors il était mal orthographié. | Déclarez-le, ou corrigez l'orthographe et la casse. |
| « undefined » apparaît là où une valeur était attendue. | La variable a été déclarée mais jamais assignée. | Attribuer une valeur avant la première lecture |
L'ajout de « use strict » en haut d'un fichier transforme la version silencieuse du quatrième cas (l'affectation à un nom jamais déclaré) en une erreur visible, raison pour laquelle cette instruction doit figurer dans chaque nouveau script. Les mêmes règles relatives aux variables s'appliquent sans modification. tableaux, objetset du code côté serveur écrit pour Node.js.
