Accueil > JavaScript > JavaScript – Les variables

JavaScript – Les variables

This entry is part 6 of 19 in the series JavaScript - Tutoriel
  1. Rêgles générales
  2. Les types

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;
var mavariablebis=false;
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>");
Series Navigation«JavaScript – Ecrire dans le documentJavaScript – Opérateurs»
Categories: JavaScript Tags:
  1. Pas encore de commentaire
  1. Pas encore de trackbacks