Les variables en JavaScript

Types de valeurs en JavaScript

Contrairement à certains langages plus rigoureux (comme le langage C ou Java), nous n'assignons pas de type particulier à nos variables. Cette liberté à un prix : des conversions automatiques de type peuvent produire des résultats non désirés.

Contents Haut

Qu'est-ce qu'une variable ?

Une variable en JavaScript est une partie de la mémoire de l'ordinateur que le programmeur alloue au navigateur afin qu'il stocke un type de donnée.

Une variable ne contient qu'une seule donnée à la fois, mais cette donnée peut être modifiée par l'utilisateur ou par le script selon les besoins. Cette donnée peut elle-même contenir d'autres données, comme dans le cas de tabbleaux ou d'objets.

Contents Haut

Déclaration d'une variable

Nous pouvons utiliser une variable en JavaScript sans l'avoir déclarée auparavant, mais nous pouvons aussi la déclarer en précédant son nom par le mot clé var.

Exemple : var mavariable;

Attention à certaines restrictions lors du choix du nom de la variable :

• Les mots clés du langage JavaScript ne sont pas admis comme noms de variables.
• Les caractères d'espacement ne sont pas admis.
• Les symboles de ponctuation ne sont pas admis.
• Le premier caractère du nom ne peut pas être un nombre.

Il faut aussi être attentif au fait que le langage JavaScript est sensible à la casse², c'est pourquoi nous pouvons prendre des convensions d'écriture, comme toujours commencerun nom de variable ou de fonction par une minuscule, et un nom de classe par une majuscule. Certains programmeurs n'utilisent que des minuscules et placent un caractère de soulignement (le tiret bas « _ », notation “CamelCase”) pour séparer les parties du nom (exemple : ma_variable au lieu de maVariable).

Contents Haut

Assignation d'une valeur

Le fait de donner une valeur à une variable se nomme « l'affectation » ou encore « l'assignation ». Nous utilisons le signe égal pour affecter une valeur à une variable³.

Exemple :
var personne;
personne="Robert Boyle";

Nous pouvons aussi affecter une valeur à la variable au moment de sa déclaration : var personne="Robert Boyle";

Contents Haut

Conversions entre types de valeurs

Le langage JavaScript nous facilite le traitement des types de données en évitant de déclarer leur type, mais cela peut provoquer des incohérences selon la manière dont ces données seront traitées.
En effet :

• L'instruction 1 + 2 nous renvoie la valeur 3 comme résultat.
• L'instruction 1 + "2" nous renvoie 12 car la valeur 2 est convertie automatiquement en chaîne de caractère, et le signe + est considéré comme opérateur de concaténation. Le résultat est la jointure de deux chaînes.

Contents Haut

document.write(parseFloat("12") + "<br />");
document.write(parseFloat("62.24") + "<br />");
document.write(parseFloat("12 26 62") + "<br />");
document.write(parseFloat(" 24 ") + "<br />");
document.write(parseFloat("26 years") + "<br />");
document.write(parseFloat("He was 26") + "<br />");

Portée de variable

Il existe deux manières de définir une variable : à l'intérieur (variables locales) ou à l'extérieur des fonctions (variables globales).

Contents Haut

Variables globales

Pour des raisons de compatibilités avec les versions futures du langage, il est conseillé de faire précéder le nom de la variable par le mot clé var, même s'il est possible de définir des variables locales sans le mot clé.

En JavaScript, une variable globale a une portée qui s'étend à tout le document chargé dans une fenêtre ou un cadre du navigateur. Ce qui revient à dire que toutes les instructions de script placées à n'importe quel endroit du document (y compris dans une fonction) ont un accès direct à la valeur de la variable.
Il est donc impératif de bien mesurer la portée des variables globales, car une variable de même nom située au sein d'une fonction quelconque dans la page se verra affectée de la même valeur.

Au moment où une autre page est chargée, les valeurs des variables globales de la page précédente sont effacées de la mémoire. Il existe divers moyens de contourner le problème (comme par exemple l'emploi de cookies, ou la définition de variables globales dans un document contenant des cadres).

Site language settings

If you prefer to continue on the site in English, click on "Cancel". If you cancel, this message will no longer appear during the session.

U bevindt zich op de Engels versie van de site, maar uw systeem geeft aan dat u liever de Nederlandse taal gebruikt.
De hele site is nog niet vertaald, maar de menu's en knoppen op de interface zijn grotendeels vertaald.

Wilt u de pagina in het Nederlands bereiken?
Klik hier om door te gaan in het Nederlands: Raadpleeg de Nederlandse versie van deze pagina

Sie befinden sich in der Englisch Version der Website, Ihr System gibt jedoch an, dass Sie die deutsche Sprache bevorzugen.
Die gesamte Site ist noch nicht übersetzt, aber die Menüs und Schaltflächen auf der Benutzeroberfläche sind weitgehend übersetzt.

Möchten Sie die Seite auf Deutsch erreichen?
Klicken Sie hier, um fortzufahren: Konsultieren Sie die deutsche Version dieser Seite

Vous vous trouvez sur la version anglaise du site, mais votre système indique que vous préférez utiliser la langue française.

Souhaitez-vous atteindre la page en français?
Cliquez ici pour continuer en français: Consulter la page en français

English translation

You have asked to visit this site in English. For now, only the interface is translated, but not all the content yet.

If you want to help me in translations, your contribution is welcome. All you need to do is register on the site, and send me a message asking me to add you to the group of translators, which will give you the opportunity to translate the pages you want. A link at the bottom of each translated page indicates that you are the translator, and has a link to your profile.

Thank you in advance.

Document created the 19/03/2002, last modified the 26/10/2018
Source of the printed document:https://www.gaudry.be/en/javascript-variables.html

The infobrol is a personal site whose content is my sole responsibility. The text is available under CreativeCommons license (BY-NC-SA). More info on the terms of use and the author.

Notes

1. ↑ Guillemets : Il existe une multitude de délimiteurs de chaînes de caractères, comme par exemple les signes diacritiques suivants « ‘ » « ’ » « ‚ » « ‛ » « “ » « ” » « „ » « ‟ » mais les plus utilisés sont les guillemets droits simples « ' » et les guillemets droits doubles « " ».
   
   
2. ↑ Sensible à la casse : cela signifie qu'une distinction est faite entre les lettres majuscules et minuscules.
   
   
3. ↑ Opérateur d'assignation : Attention à ne pas confondre l'opérateur d'assignation « = » avec celui de test d'égalité « == ».
   
   
4. ↑^a,b numeric parseInt : seulement la partie entière (≈ integer)
   
   
5. ↑ Not a Number : corresponds to « pas un nombre » en français
   
   

Contents Haut

References

1. Example : w3schools, JavaScript parseFloat() Function (version 04/07/10)

These references and links indicate documents consulted during the writing of this page, or which may provide additional information, but the authors of these sources can not be held responsible for the content of this page.
The author This site is solely responsible for the way in which the various concepts, and the freedoms that are taken with the reference works, are presented here. Remember that you must cross multiple source information to reduce the risk of errors.

Contents Haut