Premiers pas en JavaScript
3.3 Variables - syntaxe
|
copyleft
See You Why?
|
Contenu
I. Comparaison pour les variables
voir <<<séquence précédente
II. Emploi des variables
voir <<<séquence précédente
III. Variables - syntaxe
En JavaScript, on donne le nom que l'on veut à son chien... pardon, on peut donner presque n'importe quel nom à ses variables. C'est ce que nous développerons dans une première partie "syntaxe du nom".
Ces précisions étant apportées, nous verrons comment "affecter une valeur" à une variable. En d'autres mots, quand on me demande "prénom", j'y répondrai "Guy", mon voisin répondra "Stéphane", etc. ; c'est-à-dire que chacun affectera l'étiquette "prénom" d'une valeur qui lui est propre. La boite et l'étiquette restent les mêmes, mais le contenu de la boîte change... c'est l' "affectation de la variable"
A. syntaxe du nom...
Puisqu'en JavaScript, on peut presque donner le nom que l'on veut à ses variables... il nous paraît utile de rappeler les quelques règles essentielles à suivre :
- le nom de la variable peut être aussi long que l'on veut ;
- le premier caractère du nom de la variable doit être :
- soit, une lettre (capitale ou bas de casse, majuscule ou minuscule),
- soit, le caractère underscore "_" ;
- les caractères suivants ne peuvent être que :
- soit, une lettre (capitale ou bas de casse, majuscule ou minuscule),
- soit, le caractère underscore "_",
- soit, un chiffre ;
- les noms de variable ne peuvent pas contenir :
- de caractères accentués,
- de caractères spéciaux, tels que %, +, &, @, #, §, $, :, /, etc.
- d'espaces ;
- les noms de variable ne peuvent pas être de mots réservés par JS, dont :
- abstract
- boolean, break, byte
- case, catch, char, class, const, continue
- debugger, default, delete, do, double
- else, export, extends
- false, final, finally, float, for, function
- goto
- if, implements, import, in, infinity, instanceof, int, interface
- label, long
- native, new, null
- package, private, protected, public
- return
- short, static, super, switch, synchronized
- this, throw, throws, transient, true, try, typeof
- var, void, volatile
- while, with
(nous espérons avoir été complet lors de l"élaboration de cette liste,
merci de nous signaler une erreur ou un oubli)
- les variables ne peuvent pas être des noms d'bjets JavaScript
- navigator, window, location, document, object, etc.
(la liste serait très longue... nous la limitons donc)
- sans que ce ne soit une obligation, on réservera les lettres i, j et k pour des indices de tableaux (chap. 26) ou des compteurs de boucles (chap. 19) ;
Attention :
Les noms de variables sont sensibles à la casse (le Javascript fait la différence entre un nom en capitales [majuscules] et un nom en bas de casse [minuscules])[1], il faut donc veiller à utiliser des noms comportant la même casse ! Ainsi, 'x' sera différent de 'X' et 'prenom' différent de 'Prenom', ou de 'PRENOM', voire de 'preNom'.
Erreur fréquente :
il arrive trop souvent que des programmeurs utilisent des noms de variables qui commencent par un chiffre... et leur programme ne fonctionne pas correctement.
B. affectation d'une valeur à une variable
Nous verrons plus tard qu'il existe deux notions proches l'une de l'autre : la déclaration et l'affectation d'une valeur à une variable.
Nous ne parlerons ici que d'une seule méthode qui consiste à déclarer et affecter une valeur à une variable.
Affectation ? De quoi s'agit-il ? Après avoir donné un nom à une variable, il faut lui donner une valeur.
Ainsi, quand on remplit un formulaire, à l'étiquette "prenom" on donnera une valeur telle que "Guy", "Cécile", "Massimo" ou tout autre... derrière l'étiquette "age" on notera 58, 30 ou autre...
Affecter une variable, c'est lui donner une valeur, lui assigner une valeur.
Le type de variable précise la place en mémoire qu'occupera cette valeur.
Déclarer une variable, c'est comme coller une étiquette sur un tiroir et l'affecter c'est mettre quelque chose dans le tiroir.
Ce n'est que plus tard (voir chapitre 11, "variables locales et globales") que nous verrons que la manière de déclarer une variable aura des conséquences sur la portée (ou visibilité) des variables.
La manière explicite de déclarer une variable puis de lui affecter une valeur en une instruction unique est :
- JS utilise l'instruction commençant par le mot-clé var pour une déclaration explicite de variable ;
- l'instruction var est suivie d'un nom au choix,
mais syntaxement correct [voir ci-dessus] ;
- le nom de la variable est suivi du signe d'affectation
(un simple signe = qui signifie "... prend la valeur de...") ;
- le signe d'affectation est suivi de la valeur que doit prendre la variable ;
- un point-virgule doit terminer toute instruction.
Le lecteur aura remarqué que les affectations suivantes répondent à ces quelques règles :
- var prenom_visiteur="Marcel";
- var nom_visiteur="Dupond";
- var age_visiteur=29;
ainsi que les valeurs affectées aux variables se notent :
- entre guillemets, s'il s'agit d'une chaîne de caractères ;
- sans guillemets, s'il s'agit d'une valeur numérique.
C. deux remarques supplémentaires
- Une variable peut ensuite être utilisée pour obtenir et calculer d'autres variables (voir plus loin "concaténation de variables"). Ainsi :
var phrase_accueil = "Bonjour " + prenom_visiteur +" "+ nom_visiteur +".<br>";
var attente_pension = 65 - age_visiteur;
var message = phrase_accueil + "Plus que" + attente_pension +"années avant votre pension.";
- Plusieurs instructions d'affectation peuvent se trouver sur la même ligne, séparées par des virgules, la ligne se terminant par un point-virgule.
var age_visiteur = 45, attente_pension = 65 - age_visiteur;
IV. Remarques importantes
voir suite >>>
VIII. Exercices sur les variables
voir suite >>>
IX. Test sur les variables
voir suite >>>
[1] Le lecteur qui souhaite en savoir plus sur les majuscules, minuscules, capitales ou bas de casse est invité à lire : "majuscules, minuscules".
Merci de votre visite à partir de :
Vous êtes sur :
https://cuy.be/cours/jvs/jvs_034_syntaxe.html
partager sur FaceBook...
consulter sur FaceBook... 

copyleft Des liens ne fonctionnent plus ? Avez-vous des suggestions ? des commentaires, des corrections, un encouragement... ?
Pour info : Non, il n'y a pas de version papier ou DOC, PDF, etc. de ces notes.  Envoyez-moi un E-Mail (cuy(point)w(at)skynet(point)be)
Attention (at) signifie @ et (point) signifie .
Accueil CUY = See you why?
EasyCounter
BelStat
La 1 000 000e page a été visitée le 21 mai 2010. La 2 000 000e page a été visitée ce 18 mars 2012, vers midi. La 3 000 000e page a été visitée ce 7 janvier 2014 entre 18 h et 18 h 45, La 4 000 000e page a été visitée ce 5 juin 2015 entre 15 h 49 et 15 h 52, La 5 000 000e page a été visitée ce 29 aout 2017 après 23 h 30, Et la 6 000 000e page visitée, trop tôt pour y penser ? et, d'après BelStat, CUY est visité surtout en semaine, peu le weekend... moins et irrégulièrement pendant les vacances :
 visites sur 3 mois, de la mi octobre 2013 à la mi janvier 2014. La 3 333 333e page visitée a eu lieu ce mardi 10 juin 2014, en début d'après midi... La 3 666 666e page visitée a eu lieu ce dimanche 28 decembre 2014, vers 16 h... Un tiers de million de pages visitées en 154 jours cela fait une moyenne de 2165 pages visitées par jour... Deux tiers de million de pages visitées en 355 jours soit une moyenne de 1878 pages visitées par jour... et seulement 1195 pages visitées quotidiennement pendant les vacances estivales de la mi juin à la mi septembre 2014
| Vous voulez lire quelques messages reçus ? quelques encouragements ? Cliquez ici
Fin septembre 2009, installation de ce compteur qui ne compte chaque nouvel ordinateur visiteur qu'une seule fois
 m-à-j du 22/11/2021 : Depuis cette fin septembre 2009, parmi les 210 pays (sur 274 drapeaux connus) qui nous ont visité, voici les 100 pays qui nous visitent le plus, Nos petits visiteurs, classés par date de visite, où un seul ordi nous a visité, sont : 199. Turkmenistan (TM May 10, 2017) ; 200. Lesotho (LS March 1, 2017) ; 201. Turks and Caicos Island (TC January 18, 2016) 202. Cook Islands (CK September 19, 2015) 203. Faroe Islands (FO January 27, 2015) 204. Virgin Islands American (VI November 12, 2014) ; 205. Belize (BZ September 29, 2014) ;206. Eswatini - Swaziland (SZ July 21, 2014) ; 207. Grenada (GD April 3, 2014) ; 208. Timor-Leste (TI March 29, 2014) ; 209. American Samoa (AS December 26, 2012) ; 210. Guyana (GY November 5, 2010). |