Maîtriser JavaScript 1/5 : astuces pour un code svelte et structuré

JavaScript est un langage de programmation polyvalent, largement utilisé dans le développement web. Écrire un code propre, concis et lisible est essentiel pour maintenir des bases de code et améliorer la productivité. JavaScript propose plusieurs techniques pour exprimer la même fonctionnalité de manière courte et plus élégante.

Déclaration de variables

Déclarer plusieurs variables peut encombrer votre code. Avec les techniques abrégées de JavaScript, déclarez plusieurs variables en une seule ligne et améliorez la lisibilité et la concision du code.

// Déclaration de variables sans les techniques abrégées
let firstName = "John";
let lastName = "Doe";
let age;

// Avec les techniques abrégées
let firstName = "John", lastName = "Doe", age;

Opérateurs d’assignation

JavaScript propose des opérateurs d’assignation abrégés pour effectuer des opérations et des assignations en une seule étape, simplifiant ainsi votre code.

// Opération et assignation sans les techniques abrégées
let total = 0;
total = total + 10;

// Avec les techniques abrégées
let total = 0;
total += 10;

Switch Case VS objets abrégés

Utilisez des objets abrégés plutôt que de longues déclarations switch case pour une meilleure organisation du code.

// Switch case sans les techniques abrégées
switch (day) {
  case 1:
    dayName = "Monday";
    break;
  case 2:
    dayName = "Tuesday";
    break;
  // ... autres cas
}

// Avec les techniques abrégées
const days = {
  1: "Monday",
  2: "Tuesday",
  // ... autres jours
};
dayName = days[day];

Template Literals

Les template literals, introduits dans ECMAScript 6 (ES6), offrent une manière élégante de créer des chaînes de caractères avec des expressions intégrées. Ils autorisent l’utilisation des espaces réservés ${expression} à l’intérieur de guillemets inversés «  et d’interpoler directement des variables dans les chaînes de caractères.

const name = "Alice";
const greeting = `Hello, ${name}!`;

Chaînes Multilignes

Créez des chaînes multilignes sans utiliser la concaténation de chaînes ou les caractères d’échappement avec les template literals.

const message = `
  This is a multiline
  string using template literals.
`;

Présence du If

Simplifiez les vérifications booléennes en exploitant la nature truthy/falsy des variables, ce qui donne un code plus propre.

// Vérification de la présence sans les techniques abrégées
if (value !== undefined && value !== null && value !== "") {
  // Faites quelque chose
}

// Avec les techniques abrégées
if (value) {
  // Faites quelque chose
}

Ces techniques abrégées en JavaScript simplifient considérablement votre code et facilitent sa maintenance. Intégrez ces conseils dans votre processus de développement pour créer des projets de haute qualité.

La lisibilité et la maintenabilité du code sont cruciales pour le travail d’équipe et le succès à long terme de vos projets.