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 !

JavaScript - Syntax

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 :

  1. Nombres : 42, 3.14
  2. Chaînes : "Hello", 'JavaScript'
  3. Booléens : true, false
  4. Objets : {name: "John", age: 30}
  5. Tableaux : [1, 2, 3, 4]
  6. 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 :

  1. Peut contenir des lettres, des chiffres, des tirets bas et des signes dollar
  2. Doit commencer par une lettre, un tiret bas ou un signe dollar
  3. Est sensible à la casse
  4. 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