Académique Documents
Professionnel Documents
Culture Documents
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Variables JavaScript
❮ Précédent Suivant ❯
Automatiquement
En utilisant var
En utilisant let
En utilisant const
Exemple
x = 5;
y = 6;
z = x + y;
Essayez-le vous-même
Tutorials »
Exercises Services Sign Up Log in
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Note
Il est considéré comme une bonne pratique de programmation de toujours déclarer les
variables avant utilisation.
x stocke la valeur 5
y stocke la valeur 6
z stocke la valeur 11
Essayez-le vous-même »
Note
Le var mot-clé a été utilisé dans tout le code JavaScript de 1995 à 2015.
Le var mot-clé ne doit être utilisé que dans du code écrit pour les anciens navigateurs.
let z = x + y;
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Essayez-le vous-même »
Essayez-le vous-même »
Exemple mixte
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Essayez-le vous-même »
Les deux variables price1 et price2 sont déclarées avec le const mot clé.
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
3. Toujours utiliser const si le type ne doit pas être modifié (Tableaux et Objets)
5. À utiliser uniquement var si vous DEVEZ prendre en charge les anciens navigateurs.
let x = 5;
let y = 6;
Tout comme en algèbre, les variables sont utilisées dans les expressions :
let z = x + y;
D’après l’exemple ci-dessus, vous pouvez deviner que le total calculé est de 11.
Note
Les variables sont des conteneurs pour stocker des valeurs.
Identifiants
Tutorials JavaScript
Exercises Services Sign Up Log in
HTML
Toutes CSS JAVASCRIPT
les variables JavaScript SQL PYTHON
doivent être JAVA
identifiées PHP
par des nomsCOMMENT
uniques . W3.C
Les identifiants peuvent être des noms courts (comme x et y) ou des noms plus
descriptifs (âge, somme, volume total).
Les règles générales de construction des noms de variables (identifiants uniques) sont :
Les noms peuvent contenir des lettres, des chiffres, des traits de soulignement et
des signes dollar.
Les noms doivent commencer par une lettre.
Les noms peuvent également commencer par $ et _ (mais nous ne l'utiliserons pas
dans ce tutoriel).
Les noms sont sensibles à la casse (y et Y sont des variables différentes).
Les mots réservés (comme les mots-clés JavaScript) ne peuvent pas être utilisés
comme noms.
Note
Les identifiants JavaScript sont sensibles à la casse.
L'opérateur d'affectation
En JavaScript, le signe égal ( = ) est un opérateur « d'affectation », et non un opérateur
« égal à ».
x = x + 5
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Note
The "equal to" operator is written like == in JavaScript.
JavaScript can handle many types of data, but for now, just think of numbers and
strings.
Strings are written inside double or single quotes. Numbers are written without quotes.
Example
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Try it Yourself »
You declare a JavaScript variable with the var or the let keyword:
var carName;
Tutorials Exercises Services Sign Up Log in
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
or:
let carName;
carName = "Volvo";
You can also assign a value to the variable when you declare it:
In the example below, we create a variable called carName and assign the value "Volvo"
to it.
Example
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Try it Yourself »
Tutorials Exercises Services Sign Up Log in
NoteCSS
HTML JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
It's a good programming practice to declare all variables at the beginning of a script.
Start the statement with let and separate the variables by comma:
Example
let person = "John Doe", carName = "Volvo", price = 200;
Try it Yourself »
Example
let person = "John Doe",
carName = "Volvo",
price = 200;
Try it Yourself »
Value = undefined
In computer programs, variables are often declared without a value. The value can be
Tutorials
something to Exercises
that has
be calculated, Services
or
something that will Sign Up
be provided later, Log in
like user
input.
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
A variable declared without a value will have the value undefined .
The variable carName will have the value undefined after the execution of this
statement:
Example
let carName;
Try it Yourself »
The variable carName will still have the value "Volvo" after the execution of these
statements:
Example
var carName = "Volvo";
var carName;
Try it Yourself »
Note
You cannot re-declare a variable declared with let or const .
This will not work:
Tutorials Exercises Services Sign Up Log in
let carName = "Volvo";
HTML CSS
let carName; JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
JavaScript Arithmetic
As with algebra, you can do arithmetic with JavaScript variables, using operators like =
and + :
Example
let x = 5 + 2 + 3;
Try it Yourself »
Example
let x = "John" + " " + "Doe";
Try it Yourself »
Example
let x = "5" + 2 + 3;
Try it Yourself »
Tutorials Exercises Services Sign Up Log in
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Note
If you put a number in quotes, the rest of the numbers will be treated as strings, and
concatenated.
Example
let x = 2 + 3 + "5";
Try it Yourself »
Example
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Try it Yourself »
Using the dollar sign is not very common in JavaScript, but professional programmers
Tutorials
often use it as an aliasExercises Servicesina JavaScript
function
for the main library. Sign Up Log in
HTML
Dans la CSS JAVASCRIPT
bibliothèque SQL parPYTHON
JavaScript jQuery, exemple, laJAVA
fonction PHP COMMENT
main $ est utilisée pourW3.C
sélectionner des éléments HTML. En jQuery $("p"); signifie "sélectionner tous les
éléments p".
Exemple
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Essayez-le vous-même »
L'utilisation du trait de soulignement n'est pas très courante en JavaScript, mais une
convention parmi les programmeurs professionnels consiste à l'utiliser comme alias pour
les variables « privées (cachées) ».
Exercice:
Créez une variable appelée carName et attribuez Volvo -lui la valeur.
Tutorials
laisser
Exercises
= "
Services
" ;
Sign Up Log in
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Soumettre la réponse »
Commencer l'exercice
PIPETTE À COULEURS
Tutorials Exercises
Services
Sign Up Log in
HTML
CSS JAVASCRIPT SQL PYTHON JAVA PHP COMMENT W3.C
Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
W3.CSS Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery
Principales références
Référence HTML Référence
CSS Référence
JavaScript Référence
SQL Référence
Python Référence
W3.CSS Référence
Bootstrap Référence
PHP
Couleurs HTML Référence
Java Référence
Angular Référence
jQuery
Python Exemples
Tutorials Exercises
W3.CSS Exemples
Services Python Certificat
PHP Certificat
Sign Up Log in
d'amorçage Exemples jQuery Certificat
HTML
CSSPHP Exemples
JAVASCRIPT SQL PYTHON Java Certificat PHP
JAVA COMMENT W3.C
Java Exemples C++ Certificat
XML Exemples C# Certificat
jQuery XML
FORUM À PROPOS
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient
être simplifiés pour améliorer la lecture et l’apprentissage.
Les didacticiels, références et exemples sont constamment révisés pour éviter les
erreurs, mais nous ne pouvons garantir l'exactitude totale
de tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos
conditions d'utilisation , nos cookies et notre politique de confidentialité .
Copyright 1999-2023 par Refsnes Data. Tous droits réservés. W3Schools est propulsé
par W3.CSS .