JavaScript - Syntax: A Beginner's Guide
Bonjour là-bas, futurs magiciens JavaScript ! Je suis ravi de devenir votre guide sur ce voyage passionnant dans le monde de la syntaxe JavaScript. En tant que quelqu'un qui enseigne la programmation depuis des années, je peux vous dire que maîtriser la syntaxe, c'est comme apprendre l'alphabet avant d'écrire de la poésie. Cela peut sembler de base, mais c'est la fondation de tout ce que nous construirons ensemble. Alors, mettons-nous à l'eau !
Syntaxe JavaScript : Les Briques de la Programmation
La syntaxe JavaScript est l'ensemble de règles qui définissent comment les programmes JavaScript sont construits. Pensez-y comme la grammaire du langage JavaScript. Tout comme nous devons suivre les règles de grammaire pour nous faire comprendre lorsque nous parlons, nous devons suivre les règles de syntaxe pour rendre notre code compréhensible par l'ordinateur.
Votre Premier Code JavaScript
Commençons par un programme simple "Hello, World!". C'est souvent le premier programme que vous écrivez lorsque vous apprenez un nouveau langage.
console.log("Hello, World!");
Lorsque vous exécutez ce code, vous verrez "Hello, World!" affiché dans la console. Decomposons-le :
-
console
est un objet fourni par JavaScript qui nous donne accès à la console de débogage du navigateur. -
.log()
est une méthode de l'objet console qui imprime l'argument qui lui est passé. -
"Hello, World!"
est une chaîne (une séquence de caractères) que nous voulons imprimer.
Valeurs JavaScript
En JavaScript, nous travaillons avec différents types de valeurs. Les principaux sont :
- Nombres :
42
,3.14
- Chaînes :
"Hello"
,'JavaScript'
- Booléens :
true
,false
- Objets :
{name: "John", age: 30}
- Tableaux :
[1, 2, 3, 4]
- Fonctions :
function greet() { console.log("Hi!"); }
Voici un exemple utilisant différents types de valeurs :
let age = 25; // Nombre
let name = "Alice"; // Chaîne
let isStudent = true; // Booléen
let person = {name: "Bob", age: 30}; // Objet
let numbers = [1, 2, 3, 4, 5]; // Tableau
console.log(age); // Outputs: 25
console.log(name); // Outputs: Alice
console.log(isStudent); // Outputs: true
console.log(person.name); // Outputs: Bob
console.log(numbers[2]); // Outputs: 3
Espaces et Retours à la Ligne
JavaScript est très tolérant en ce qui concerne les espaces (espaces, tabulations et sauts de ligne). Vous pouvez les utiliser pour rendre votre code plus lisible sans affecter sa fonctionnalité.
let x = 5;
let y = 10;
let z = x + y;
// Cela équivaut à :
let x=5;let y=10;let z=x+y;
// Et même à :
let x = 5
let y = 10
let z = x + y
Les Points-Virgules sont Optionnels
En JavaScript, les points-virgules à la fin des instructions sont optionnels. Cependant, il est généralement considéré comme une bonne pratique de les inclure.
let a = 5; // Avec point-virgule
let b = 10 // Sans point-virgule
// Les deux sont valides, mais inclure les points-virgules est recommandé
Sensibilité à la Casse
JavaScript est sensible à la casse. Cela signifie que myVariable
, MyVariable
et MYVARIABLE
sont toutes des variables différentes.
let myVariable = "Hello";
let MyVariable = "World";
console.log(myVariable); // Outputs: Hello
console.log(MyVariable); // Outputs: World
JavaScript et CamelCase
Par convention, JavaScript utilise le camelCase pour les noms de variables et de fonctions. Cela signifie que nous commençons par une lettre minuscule et que nous mettons en majuscule la première lettre de chaque mot suivant.
let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;
console.log(fullName); // Outputs: John Doe
Mots-clés JavaScript
JavaScript a un ensemble de mots réservés que vous ne pouvez pas utiliser comme noms de variables. Ces mots sont appelés mots-clés. Voici quelques-uns des plus courants :
Mot-clé | Description |
---|---|
let | Déclare une variable de portée de bloc |
const | Déclare une constante de portée de bloc, immuable |
if | Marque un bloc d'instructions à exécuter en fonction d'une condition |
for | Marque un bloc d'instructions à exécuter dans une boucle |
function | Déclare une fonction |
return | Quitte une fonction |
true | Une valeur booléenne |
false | Une valeur booléenne |
Identifiants JavaScript
Un identifiant est un nom que vous donnez à une variable, une fonction ou une propriété. Voici les règles pour des identifiants valides :
- Peut contenir des lettres, des chiffres, des tirets bas et des signes dollar
- Doit commencer par une lettre, un tiret bas ou un signe dollar
- Est sensible à la casse
- Ne peut pas être un mot-clé réservé
// Identifiants valides
let myVariable = 5;
let _privateVar = 10;
let $specialVar = 15;
// Identifiants invalides
// let 123abc = 20; // Ne peut pas commencer par un nombre
// let my-var = 25; // Ne peut pas utiliser des tirets
// let let = 30; // Ne peut pas utiliser des mots-clés réservés
Commentaires dans JavaScript
Les commentaires sont utilisés pour ajouter des notes à votre code ou pour empêcher l'exécution de certaines parties de votre code. Il existe deux types de commentaires en JavaScript :
// C'est un commentaire sur une ligne
/*
C'est un
commentaire sur plusieurs lignes
*/
let x = 5; // Vous pouvez également ajouter des commentaires à la fin d'une ligne
Opérateurs en JavaScript
Les opérateurs sont utilisés pour effectuer des opérations sur des variables et des valeurs. Voici quelques opérateurs courants :
Opérateur | Description | Exemple |
---|---|---|
+ | Addition | 5 + 3 |
- | Soustraction | 5 - 3 |
* | Multiplication | 5 * 3 |
/ | Division | 15 / 3 |
% | Modulo (reste) | 5 % 2 |
++ | Incrément | x++ |
-- | Décrément | x-- |
== | Egal à | 5 == 5 |
=== | Égal strictement à | 5 === "5" |
!= | Différent de | 5 != 3 |
> | Supérieur à | 5 > 3 |
< | Inférieur à | 3 < 5 |
Expressions en JavaScript
Une expression est une combinaison de valeurs, de variables et d'opérateurs qui évalue à une valeur. Voici quelques exemples :
let x = 5;
let y = 3;
console.log(x + y); // Outputs: 8
console.log(x * y); // Outputs: 15
console.log(x > y); // Outputs: true
console.log(x === "5"); // Outputs: false
Jeu de Caractères JavaScript
JavaScript utilise le jeu de caractères Unicode. Cela signifie qu'il peut travailler avec des caractères de nombreux langages différents et des emoji ! Voici un exemple amusant :
let greeting = "Hello! ?";
let name = "Alice";
console.log(greeting + " " + name); // Outputs: Hello! ? Alice
Et voilà, les amis ! Nous avons couvert les bases de la syntaxe JavaScript. Souvenez-vous, la pratique fait toujours parfait. Ne vous inquiétez pas si tout ne vous saute pas immédiatement aux yeux - c'est tout à fait normal. Continuez à expérimenter, continuez à coder, et surtout, continuez à vous amuser !
Dans notre prochain cours, nous plongerons plus profondément dans les variables et les types de données. Jusque-là, bon codage ! ?????
Credits: Image by storyset