Constructeurs et super dans les classes ES6
Concept de base des classes ES6
Les classes en ES6 représentent une forme de sucre syntaxique pour implémenter l'héritage prototypal traditionnel de JavaScript. Elles offrent une syntaxe plus claire tout en conservant les mécanismes fondamentaux d'ECMAScript 5.
Constructeur par défaut
// Syntaxe ES5 traditionnelle
function Rectangle(largeur, h ...
Publié le 9 octobre à 12h58
Explication du fonctionnement des Promesses et implémentation d'un objet Promise (conformément à la spécification Promise/A+)
Qu'est-ce qu'une Promise ?
Une Promise est un concept clé de la programmation asynchrone en JavaScript, servant d'abstraction pour gérer les opérations asynchrones. Elle représente l'une des solutions les plus populaires pour la programmation asynchrone en JavaScript.
Différentes approches courantes de programmation asynchrone
Fonction ...
Publié le 21 septembre à 01h30
Utilisation de export et import dans l'environnement ES6
Dans l'environnement ES6, un module représente un fichier indépendant. Toutes les variables définies à l'intérieur de ce fichier ne sont pas accessibles depuis l'extérieur. Si vous souhaitez permettre l'accès à certaines variables depuis l'extérieur, vous devez utiliser le mot-clé export pour les rendre disponibles.
Exemple pratique
Dans le rép ...
Publié le 15 septembre à 22h07
Opérateur de décomposition en JavaScript : usage avancé sur les tableaux
Décomposition d'un tableau en séquence de valeurs
const nombres = [10, 20, 30, 40];
console.log(...nombres); // 10 20 30 40
Fusion de plusieurs tableaux
const premiers = [2, 3, 5];
const pairs = [4, 6, 8];
const impairs = [1, 3, 7];
const combine = [...premiers, ...pairs, ...impairs];
console.log(combine); // [2, 3, 5, 4, 6, 8, 1, 3, 7]
Tra ...
Publié le 9 août à 10h59
Fonctions Fléchées en JavaScript
Les fonctions fléchées, introduites dans la spécification ECMAScript 6 (ES6), offrent une syntaxe plus concise pour la définition de fonctions en JavaScript, s'apparentant à des fontcions anonymes.
Syntaxe Complète
La forme complète est similaire aux fonctions anonymes traditionnleles, mais elle omet le mot-clé function.
const additionner = (a, ...
Publié le 30 juillet à 16h59
Implémentation avancée d'une fonction de clonage profond en JavaScript
Copie superficielle de base
Pour comprendre la mécanique du clonage profond, il est essentiel de partir d'une copie superficielle. Cette approche ne duplique que le premier niveau de propriétés de l'objet source.
function copieNiveauUn(source) {
const cible = {};
for (const cle in source) {
cible[cle] = source[cle];
}
return cible;
...
Publié le 18 juillet à 03h32
Explication des boucles for in et for of en JavaScript
1. Boucle for in : détails et problèmes courants
La boucle for in est conçue pour itérer sur les propriétés énumérables d'un objet. Cependant, son utilisation avec des tableaux peut entraîner plusieurs problèmes :
L'index retourné est une chaîne de caractères, ce qui peut causer des erreurs lors d'opérasions arithmétiques.
L'ordre d'itération ...
Publié le 17 juillet à 07h25
Syntaxes essentielles en Node.js
var premiereSource = { a: 1 };
var deuxiemeSource = { b: 2 };
var troisiemeSource = { c: 3 };
var resultat = Object.assign(premiereSource, deuxiemeSource, troisiemeSource);
console.log(resultat); // { a: 1, b: 2, c: 3 }
console.log(premiereSource); // { a: 1, b: 2, c: 3 }, l'objet cible est également modifié.
Constante
// Une variable défini ...
Publié le 16 juillet à 14h15
Implémentations manuelles pour entretiens techniques
Dessiner un secteur circulaire en CSS
/* Cercle de base */
.cercle-base {
width: 100px;
height: 100px;
border-radius: 50%;
background: #e74c3c;
position: relative;
}
/* Premier masque pour créer le secteur */
.masque-premier {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 50px;
backgroun ...
Publié le 9 juillet à 17h02
Boucles et Itérations en JavaScript
La boucle while exécute un bloc de code tant qu'une condition spécifiée est vraie. Elle existe sous deux formes principales :
// Forme basique
while (condition) {
// Instructions
}
// Forme do...while : exécute au moins une fois
do {
// Instructions
} while (condition);
Boucle for
for classique
La boucle for traditionnelle est la plu ...
Publié le 6 juillet à 17h41