Les variables en Javascript

Le concept de variable

Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme.

En Javascript, les noms de variables peuvent être aussi long que l'on désire, mais doivent répondre à certains critères:

Nom de variable correct Nom de variable incorrect Raison
VariableNom de Variable comporte des espaces
Nom_De_Variable123Nom_De_Variable commence par un chiffre
nom_de_variabletoto@mailcity.com caractère spécial @
nom_de_variable_123Nom-de-variable signe - interdit
_707transient nom réservé

Les noms de variables sont sensibles à la casse (le Javascript fait la différence entre un nom en majuscule et un nom en minuscules), il faut donc veiller à utiliser des noms comportant la même casse!

La déclaration de variables

Le Javascript étant très souple au niveau de l'écriture (à double-tranchant car il laisse passer des erreurs...), la déclaration des variables peut se faire de deux façons:

Même si une déclaration implicite est tout à fair reconnue par le navigateur, il est tout de même plus rigoureux de déclarer les variables de façon explicite avec le mot var...

Portée (visibilité) des variables

Selon l'endroit où on déclare une variable, celle-ci pourra être accessible (visible) de partout dans le script ou bien que dans une portion confinée du code, on parle de "portée" d'une variable.

Lorsqu'une variable est déclarée sans le mot clé var, c'est-à-dire de façon implicite, elle est accessible de partout dans le script (n'importe quelle fonction du script peut faire appel à cette variable). On parle alors de variable globale

Lorsque l'on déclare de façon explicite une variable en javascript (en précédant sa déclaration avec le mot var), sa portée dépend de l'endroit où elle est déclarée.

Les types de données dans les variables

En Javascript il n'y a pas besoin de déclarer le type de variables que l'on utilise, contrairement à des langages évolués tels que le langage C ou le Java pour lesquels il faut préciser s'il s'agit d'entier (int), de nombre à virgule flottante (float), de caractères (char), ...

En fait le Javascript n'autorise la manipulation que de 4 types de données:

Nombre entier

Un nombre entier est un nombre sans virgule qui peut être exprimé dans différentes bases:

Nombre à virgule (float)

Un nombre à virgule flottante est un nombre à virgule, il peut toutefois être représenté de différentes façons:

Chaîne de caractères (string)

Une chaîne de caractère est, comme son nom l'indique, une suite de caractères. On la représente par la suite de caractères encadrée par des guillemets simples (') ou doubles ("), sachant que les deux types de guillemets ne peuvent être mélangés pour une même chaîne de caractères, ce qui signifie que les guillemets dans une chaîne de caractères existent par paire.

Il existe des caractères spéciaux à utiliser dans les chaînes pour simuler d'une part des caractères non visuels ou pour éviter au navigateur de confondre les caractères d'une chaîne avec ceux du script, ces caractères sont précédés d'un antislash (\):

Ainsi, si on veut stocker la chaine suivante dans la variable Titre:
Qu'y a-t'il dans "c:\windows\"

Il faudra écrire dans le code Javascript:
Titre = "Qu\'y a-t\'il dans \"c:\\windows\\\"";
ou
Titre = 'Qu\'y a-t\'il dans \"c:\\windows\\\"';

Booléens (booleans)

Un booléen est une variable spécial servant à évaluer une condition, il peut donc avoir deux valeurs: