La syntaxe JavaScript est l'ensemble de règles, comment Les programmes JavaScript sont construits :
// How to create variables:
var x;
let y;
// How to use variables:
x = 5;
y = 6;
let z = x + y;La syntaxe JavaScript définit deux types de valeurs :
Valeurs fixes
Valeurs variables
Les valeurs fixes sont appelées littéraux.
Les valeurs des variables sont appelées Variables.
Les deux règles de syntaxe les plus importantes pour les valeurs fixes sont :
1. Les Nombres s'écrivent avec ou sans décimales :
10.50
1001 Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Number can be written with or without decimals.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 10.50;
</script>
</body>
</html>
2. Les chaînes sont du texte, écrit entre guillemets doubles ou simples :
"John Doe"
'John Doe'Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Strings</h2>
<p>Strings can be written with double or single quotes.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>
Dans un langage de programmation, les variables sont utilisés pour stocker les valeurs des données.
JavaScript utilise les mots-clés var, let et const pour déclarer les variables.
Un signe égal est utilisé pour attribuer des valeurs aux variables.
Dans cet exemple, x est défini comme une variable. Alors, x est attribué (donné) la valeur 6 :
let x;
x = 6; Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Variables</h2>
<p>In this example, x is defined as a variable.
Then, x is assigned the value of 6:</p>
<p id="demo"></p>
<script>
let x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
JavaScript utilise des opérateurs arithmétiques ( + - * / ) à calculer les valeurs :
(5 + 6) * 10Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>
JavaScript utilise un opérateur d'affectation ( = ) pour attribuer valeurs aux variables :
let x, y;
x = 5;
y = 6;Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>Assigning JavaScript Values</h2>
<p>In JavaScript the = operator is used to assign values to variables.</p>
<p id="demo"></p>
<script>
let x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>
Une expression est une combinaison de valeurs, de variables et d'opérateurs, qui calcule une valeur.
Le calcul est appelé une évaluation.
Par exemple, 5 * 10 équivaut à 50 :
5 * 10 Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Expressions compute to values.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
</body>
</html>
Les expressions peuvent également contenir des valeurs variables :
x * 10 Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Expressions compute to values.</p>
<p id="demo"></p>
<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>
Les valeurs peuvent être de différents types, tels que des nombres et des chaînes.
Par exemple, "John" + " " + "Doe", donne la valeur "John Doe" :
"John" + " " + "Doe"Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Expressions compute to values.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "John" + " " + "Doe";
</script>
</body>
</html>
Les mots-clés JavaScript sont utilisés pour identifier les actions à réaliser.
Le Le mot clé let indique au navigateur de créer des variables :
let x, y;
x = 5 + 6;
y = x * 10;Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>The <b>let</b> Keyword Creates Variables</h2>
<p id="demo"></p>
<script>
let x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>
Le Le mot-clé var indique également au navigateur de créer des variables :
var x, y;
x = 5 + 6;
y = x * 10;Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>The var Keyword Creates Variables</h2>
<p id="demo"></p>
<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>
Dans ces exemples, en utilisant var ou let produira le même résultat.
Vous en apprendrez plus sur var et let plus loin dans ce didacticiel.
Toutes les instructions JavaScript ne sont pas « exécutées ».
Code après des doubles barres obliques // ou entre /* et */ est traité comme un commentaire.
Les commentaires sont ignorés et ne seront pas réalisé:
let x = 5; // I will be executed
// x = 6; I will
NOT be executedEssayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Comments are NOT Executed</h2>
<p id="demo"></p>
<script>
let x;
x = 5;
// x = 6; I will not be executed
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Vous en apprendrez davantage sur les commentaires dans un chapitre ultérieur.
Les identifiants sont des noms JavaScript.
Les identifiants sont utilisés pour nommer des variables, des mots-clés et des fonctions.
Les règles relatives aux noms légaux sont les mêmes dans la plupart des langages de programmation.
Un nom JavaScript doit commencer par :
Une lettre (A-Z ou a-z)
Un signe dollar ($)
Ou un trait de soulignement (_)
Les caractères suivants peuvent être des lettres, des chiffres, des traits de soulignement ou des signes dollar.
Les chiffres ne sont pas autorisés comme premier caractère dans les noms.
De cette façon, JavaScript peut facilement distinguer les identifiants des nombres.
Tous les identifiants JavaScript sont sensible à la casse.
Les variables lastName et lastname, sont deux variables différentes :
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript is Case Sensitive</h2>
<p>Try to change lastName to lastname.</p>
<p id="demo"></p>
<script>
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>
</body>
</html>
JavaScript n'interprète pas LET ou Let comme le mot clé let.
Historiquement, les programmeurs ont utilisé différentes manières de joindre plusieurs mots en un seul nom de variable :
Traits d'union :
prénom, nom, master-card, interurbain.
Les traits d'union ne sont pas autorisés en JavaScript. Ils sont réservés aux soustractions.
Souligner :
prénom, nom, master_card, inter_city.
Affaire Upper Camel (Affaire Pascal) :
Prénom, Nom, MasterCard, InterCity.
Boîtier inférieur Camel :
Les programmeurs JavaScript ont tendance à utiliser une casse camel commençant par une lettre minuscule :
prénom, nom, masterCard, interCity.
JavaScript utilise le jeu de caractères Unicode.
Unicode couvre (presque) tous les caractères, signes de ponctuation et symboles du monde.
Pour un examen plus approfondi, veuillez étudier notre référence complète Unicode.