Introduction à JavaScript
JavaScript est un langage de programmation sophistiqué et polyvalent, largement utilisé dans
le développement web. Il s'exécute côté client, c'est-à-dire dans le navigateur de l'utilisateur,
ce qui permet de créer des interfaces utilisateur interactives et réactives sans nécessiter une
communication constante avec un serveur.
Fondamentaux de JavaScript
Déclaration des Variables
JavaScript propose plusieurs façons de déclarer des variables, chacune avec des
caractéristiques distinctes, en utilisant les mots-clés var, let et const :
var : Permet de déclarer des variables qui peuvent être redéclarées et dont la portée est
soit globale, soit locale à une fonction.
let : Utilisé pour déclarer des variables dont la portée est limitée au bloc où elles sont
définies, empêchant ainsi toute redéclaration dans le même bloc.
const : Réservé aux constantes dont la valeur est fixée dès leur initialisation et ne peut
être modifiée par la suite.
Exemple :
javascript
Copier le code
var nom = "Alice";
let age = 30;
const pays = "France";
Typologie des Données
JavaScript supporte une gamme variée de types de données :
Number : Représente les valeurs numériques, qu'elles soient entières ou à virgule
flottante.
String : Représente les séquences de caractères, utilisées pour manipuler le texte.
Boolean : Représente les valeurs logiques, pouvant être true ou false.
Object : Un type de données composite permettant de regrouper des propriétés et des
méthodes sous une même entité.
Undefined : Indique qu'une variable a été déclarée mais n'a pas encore reçu de valeur.
Null : Un littéral représentant l'absence intentionnelle de toute valeur d'objet.
Opérateurs
Les opérateurs en JavaScript permettent d'effectuer diverses opérations sur les valeurs, que ce
soit des calculs, des comparaisons ou des manipulations logiques.
Arithmétiques : Tels que + (addition), - (soustraction), * (multiplication), /
(division), et % (modulo).
Comparaison : Incluant == (égalité), === (égalité stricte), != (différence), !==
(différence stricte), > (supérieur à), < (inférieur à), >= (supérieur ou égal à), <=
(inférieur ou égal à).
Logiques : Tels que && (ET logique), || (OU logique), et ! (NON logique).
Fonctions
Les fonctions en JavaScript sont des blocs de code encapsulés qui peuvent être invoqués de
manière récurrente. Elles permettent une organisation modulaire et réutilisable du code.
Exemple :
javascript
Copier le code
function saluer(nom) {
return "Bonjour, " + nom + "!";
}
console.log(saluer("Alice")); // Affiche "Bonjour, Alice!"
Structures de Contrôle
Les structures de contrôle régulent le flux d'exécution du programme, permettant d'exécuter
différents segments de code en fonction de conditions spécifiques.
Conditionnelles : Utilisées pour exécuter des blocs de code en fonction de conditions
définies. Les principales structures incluent if, else if, else, et switch.
Boucles : Permettent de répéter l'exécution d'un bloc de code tant que certaines
conditions sont remplies. Les boucles courantes incluent for, while, et do...while.
Exemple :
javascript
Copier le code
let nombre = 5;
if (nombre > 0) {
console.log("Nombre positif");
} else {
console.log("Nombre négatif ou nul");
}
Objets et Tableaux
Les objets et les tableaux sont des structures de données clés en JavaScript, permettant de
stocker et de manipuler des collections de données.
Objets : Sont des entités complexes définies par des paires clé-valeur, où chaque clé
est une chaîne de caractères (ou un symbole) unique associée à une valeur.
Exemple d'objet :
javascript
Copier le code
let personne = {
prenom: "Alice",
age: 30,
saluer: function() {
console.log("Bonjour, " + this.prenom);
}
};
personne.saluer(); // Affiche "Bonjour, Alice"
Tableaux : Sont des listes ordonnées d'éléments, pouvant inclure des valeurs de tout
type de données. Les éléments d'un tableau sont accessibles par leur index.
Exemple de tableau :
javascript
Copier le code
let fruits = ["Pomme", "Banane", "Orange"];
console.log(fruits[0]); // Affiche "Pomme"
Conclusion
JavaScript est un pilier incontournable du développement web moderne, offrant une richesse
de fonctionnalités pour créer des applications dynamiques et interactives. Cette introduction
survole les concepts fondamentaux, mais l'exploration complète du langage comprend
également des aspects avancés comme la gestion des promesses, la manipulation du
Document Object Model (DOM), et l'utilisation de frameworks contemporains tels que React,
Angular, et Vue.js.
