JavaScript – Les variables
- JavaScript – Introduction au JavaScript
- JavaScript – Inclusion dans une page
- JavaScript – Un langage orienté objet
- JavaScript – Les commentaires
- JavaScript – Ecrire dans le document
- JavaScript – Les variables
- JavaScript – Opérateurs
- JavaScript – La structure conditionnelle
- JavaScript – Les cas
- JavaScript – Les boucles
- JavaScript – Les tableaux
- JavaScript – Les fonctions
- JavaScript – Les objets
- JavaScript – L’objet String
- JavaScript – L’objet Number
- JavaScript – L’objet Math
- JavaScript – L’objet Date
- JavaScript – Les expressions régulières
- JavaScript – L’objet navigator
Rêgles générales
L’utilisation des variables avec JavaScript est simplifiée au maximum.
Pour déclarer une variable, on utilise le mot-clef var, suivit du nom de la variable qui
doit être un identificateur correct.
Un identificateur peut être composé de tout les caractères de l’alphabet, plus les chiffres,
les caractères de soulignement et le caractère dollars ($). Toutefois, un identificateur
ne peut pas commencer par un chiffre.
Donc, pour utiliser une variable que nous appelerons webmaster, nous écrirons :
var webmaster;// déclaration de la variable webmaster. // Ne pas oublier le point virgule !
Ensuite, on peut utiliser cette variable comme dans n’importe quel autre langage.
En lui affectant une valeur dans un premier temps avec le caractère égal :
var webmaster; webmaster = "Marco Pantani";// Là aussi, il y a un point virgule!
|
Remarque : Si vous connaissez déjà un autre langage, vous remarquerez que JavaScript est un langage non typé et qu’il n’y a pas besoin de déclaration de type. Une variable peut tour à tour recevoir une chaîne de caractères ou un nombre : var mavariable; mavariable = "onze";// Une chaine de caractères mavariable = 11;// Un nombre Ceci est strictement impossible avec d’autres langages. |
JavaScript permet en quelque sortes de « concaténer » ces deux lignes (la déclaration de la variable
et l’initialisation de celle-ci) en une seule.
En effet, ici on a dans un premier temps déclaré la variable, puis on lui a assigner une valeur
initiale ("Marco Pantani") dans un deuxième.
Perte de temps. Ecrivons plutôt :
var webmaster = "Marco Pantani";// Déclaration et initialisation // de la variable 'webmaster' // en une seule ligne
Ensuite, on peut utiliser cette variable comme n’importe quel autre donnée :
var webmaster = "Marco Pantani"; document.write(webmaster);// Sortie -> Marco Pantani
Le mot-clef var n’est pas obligatoire. Si on avait écrit :
webmaster = "Marco Pantani"; document.write(webmaster);
Le résultat aurait été identique.
Par contre, si la variable n’avait pas été initialisée, une erreur se serait produit, comme le
montre l’exemple suivant :
document.write(webmaster);// Une erreur se produit !
C’est pourquoi il est conseillé de toujours déclarer les variables, même si celle ci ne sont
pas initialisées.
L’exemple suivant ne produit pas d’erreur :
var webmaster; document.write(webmaster);// Sortie -> undefined
La valeur renvoyée est undefined, (indéfini en d’autres termes). Pourquoi ? Et bien
parce que la variable n’est pas définie, justement !
Nous verrons par la suite comment agir sur le contenu de ces variables.
Les types
Bien que JavaScript soit un langage non-typé, il posséde quand même des types (ça se complique…).
Par exemple, le contenu de la variable suivante :
var onze="11";// C'est une chaîne de caractère
Peut être considéré comme un nombre ou comme une chaîne de caractères.
Dans JavaScript, il n’y a que 6 types de variables :
| Nom du type | Description | Exemples |
|---|---|---|
| undefined | Variable indéfinie | var mavariable; |
| boolean | Variable logique. 2 états possibles true ou false | var mavariable=true; |
| number | Variable numérique | var variable=666; |
| string | Variable chaîne de caractères | var variable="Marco Pantani"; |
| function | Fonction | var variable=function(){} |
| object | Objet | var variable={}; |
Une question légitime serait : « À quoi ça sert de connaitre le type d’une variable si on ne peut
pas le définir ? ».
On ne peut pas le définir, certes, puisque c’est l’interpreteur JavaScript qui s’en charge lors
de l’assignation d’une valeur à cette même variable.
Par contre, on peut le connaitre grace à l’opérateur typeof. typeof renvoi
une chaîne de caractères contenant le type de la variable transmise en argument.
On peut donc écrire :
var varindefine;
var varboolean=true;
var varnumber=666;
var varstring="Marco Pantani";
var varfunction=function(){}
var varobjet={};
document.writeln("<pre>");// Pour ne pas se casser la tête, on utilise <pre>
document.writeln("<b>varindefinie</b> est du type " + typeof varindefinie);
document.writeln("<b>varboolean</b> est du type " + typeof varboolean);
document.writeln("<b>varnumber</b> est du type " + typeof varnumber);
document.writeln("<b>varstring</b> est du type " + typeof varstring);
document.writeln("<b>varfunction</b> est du type " + typeof varfunction);
document.writeln("<b>varobjet</b> est du type " + typeof varobjet);
document.writeln("</pre>");