En utilisant ce site, vous acceptez la Politique de confidentialité et les Conditions Générales de Vente.
Accepter
Le Blog de BBND – Actualités et nouvelles tendances du webLe Blog de BBND – Actualités et nouvelles tendances du web
  • News
  • Catégories
    • Actualités Numériques
    • Blockchain
    • Business Intelligence
    • Cybersécurité
    • Data
    • Développement Web
    • Hardware
    • Intelligence Artificielle
    • Mobile
    • Technologie
    • Web Design
    • Web Marketing
  • BBND
  • Qui sommes-nous
  • Initiatives
  • Réalisations
  • Formations
  • Recrutement
  • Contact
En cours de lecture : Maîtriser JavaScript 2/5 : astuces pour un code svelte et structuré
Partager
Notification Voir mes signets
Dernières actualités
Illustration représentant Rclone, un outil de synchronisation cloud en ligne de commande, avec une icône de cloud et flèches de transfert
Rclone : Guide complet pour synchroniser, sauvegarder et monter vos fichiers cloud
Technologie
Schéma comparatif entre IPMI, PiKVM et NanoKVM pour le contrôle à distance
IPMI, PiKVM ou NanoKVM : Quelle solution KVM choisir ?
Hardware
Des packages npm malveillants compromettent Cursor, volent des identifiants et cryptomonnaies, et déploient des chevaux de Troie. Détail des campagnes.
Une faille dans Cursor : plus de 3 200 développeurs infectés via des packages npm malveillants
Cybersécurité
Filament v3 laravel
Pourquoi Filament V3 change-t-il la donne pour les développeurs Laravel ?
Développement Web
Illustration d’un cerveau connecté à une intelligence artificielle, symbolisant la recherche contre Alzheimer
L’IA dévoile une cause possible d’Alzheimer et identifie une piste thérapeutique prometteuse
Intelligence Artificielle
Aa
Le Blog de BBND – Actualités et nouvelles tendances du webLe Blog de BBND – Actualités et nouvelles tendances du web
Aa
Recherche
  • News
  • Catégories
    • Actualités Numériques
    • Blockchain
    • Business Intelligence
    • Cybersécurité
    • Data
    • Développement Web
    • Hardware
    • Intelligence Artificielle
    • Mobile
    • Technologie
    • Web Design
    • Web Marketing
  • BBND
    • Qui sommes-nous
    • Initiatives
    • Réalisations
    • Formations
    • Recrutement
    • Contact
Suivez-nous
  • Personnaliser mes sujets d’intérêts
  • Mes signets
© 2023 BBND All Rights Reserved.
Le Blog de BBND – Actualités et nouvelles tendances du web > Tous les articles > Développement Web > Maîtriser JavaScript 2/5 : astuces pour un code svelte et structuré
Développement Web

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

Hamza L.
De Hamza L. 8 septembre 2023
Partager
3 min de lecture
logo js avec texte en jaune sur fond noir
Logo Javascript surmonté du texte maîtrisez Javascript 2/5
Partager

Comprendre et utiliser des techniques abrégées de JavaScript peut considérablement améliorer votre productivité et rendre votre code plus expressif et efficace. Dans cet article, nous explorons quelques techniques abrégées puissantes qui simplifieront votre code et le rendront plus concis.

Fonctions fléchées

Remplacez les déclarations de fonctions traditionnelles par des fonctions fléchées pour écrire un code plus concis et plus expressif.

// Fonction traditionnelle
function addition(a, b) {
  return a + b;
}

// Fonction fléchée équivalente
const addition = (a, b) => a + b;

Valeurs de paramètres par défaut

ES6 (ECMAScript 6) a introduit les valeurs de paramètres par défaut pour les fonctions, pour fournir des valeurs de repli si un argument n’est pas passé ou est indéfini.

const saluer = (nom = "Anonyme") => console.log(`Bonjour, ${nom} !`)

saluer(); // Bonjour, Anonyme !
saluer("Alice"); // Bonjour, Alice !

Évaluation à court-circuit

Utilisez des opérateurs logiques pour des déclarations conditionnelles concises afin de vérifier l’existence avant d’accéder à des propriétés ou d’appeler des fonctions.

// Sans les techniques abrégées
if (options && options.size && options.color) {
  doSomething();
}

// Avec les techniques abrégées
options?.size?.color && doSomething();

Opérateur de chaînage optionnel

L’opérateur de chaînage optionnel (?.) donne accès à des propriétés imbriquées d’un objet sans vous soucier des valeurs nulles ou indéfinies.

const utilisateur = {
  nom: "Alice",
  adresse: {
    ville: "Paris"
  }
};

const villeUtilisateur = utilisateur?.adresse?.ville; // "Paris"

Opérateur de fusion nullish

L’opérateur de fusion nullish (??) fournit une valeur par défaut en cas de rencontre de null ou d’indéfini.

const valeur = null;
const valeurParDefaut = "Valeur par défaut";

const resultat = valeur ?? valeurParDefaut; // "Valeur par défaut"

Opérateurs logiques d’affectation

Les opérateurs logiques d’affectation (&&=, ||=) combinent les opérateurs logiques avec l’affectation de manière concise.

let compteur = 5;
compteur &&= 10; // Le compteur vaut maintenant 10

let nomUtilisateur = "";
nomUtilisateur ||= "Anonyme"; // Le nomUtilisateur devient "Anonyme"

Maîtriser les techniques abrégées en JavaScript pour améliorer votre efficacité de codage et votre lisibilité. Écrivez propre et expressif tout en réduisant les répétitions inutiles. Intégrez ces techniques abrégées dans vos pratiques de codage pour devenir un développeur JavaScript plus compétent et efficace.

Apprenez-en plus sur les manière d’alléger votre code et de le structurer en consultant le premier article de la série « article pour un code Javascript svelte et structuré », ou continuez avec la suite, qui touche aux opérateurs ternaires, les méthodes sur les tableaux et les propriétés d’objets !

Vous devriez également aimer

Pourquoi Filament V3 change-t-il la donne pour les développeurs Laravel ?

Tailwind CSS v4.0 : La révolution de la productivité Front-End

JavaScript Temporal : La révolution de la gestion des dates enfin arrivée

Pourquoi TypeScript est l’avenir du développement web

VSCode et npm : la menace des extensions frauduleuses

Partager cet article
Facebook Twitter LinkedIn Copier le lien Imprimer
Qu´en avez-vous pensé ?
Ennuyant0
Triste0
Révoltant0
Drôle0
Accablant0
Plaisant0
Malin0
Surprenant0
Waouh0
Article précédent logo-puppeteer-blog-bbnd Puppeteer et le Web Scraping : Automatisez la collecte de données avec efficacité
Article suivant blockchain illustrée par ordinateurs connectés à un serveur L’attaque de frontrunning et les attaques sandwich sur les blockchains décentralisées : exemples et contre-mesures
Laisser un avis

Laisser un avis Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

Restez connecté

Facebook Like
Twitter Suivre
Instagram Suivre
Youtube S´inscrire
banner banner
Faites confiance à BBND
Développez tous vos projets digitaux grâce à une équipe d'experts
En savoir plus

Dernières actualités

Illustration représentant Rclone, un outil de synchronisation cloud en ligne de commande, avec une icône de cloud et flèches de transfert
Rclone : Guide complet pour synchroniser, sauvegarder et monter vos fichiers cloud
Technologie
Schéma comparatif entre IPMI, PiKVM et NanoKVM pour le contrôle à distance
IPMI, PiKVM ou NanoKVM : Quelle solution KVM choisir ?
Hardware
Des packages npm malveillants compromettent Cursor, volent des identifiants et cryptomonnaies, et déploient des chevaux de Troie. Détail des campagnes.
Une faille dans Cursor : plus de 3 200 développeurs infectés via des packages npm malveillants
Cybersécurité
Filament v3 laravel
Pourquoi Filament V3 change-t-il la donne pour les développeurs Laravel ?
Développement Web
//

Le blog BBND
Actualités et nouvelles tendances du numérique

Catégories news

  • Actualités Numériques
  • Blockchain
  • Business Intelligence
  • Cybersécurité
  • Data
  • Développement Web
  • Intelligence Artificielle
  • Hardware
  • Mobile
  • Technologie
  • Web Design
  • Web Marketing

Notre société

  • Qui sommes-nous
  • Initiatives
  • Réalisations
  • Formations
  • Recrutement
  • Contact

Liens utiles

  • Mentions légales
  • CGV
  • Politique de confidentialité

Nos services

  • Développement web/mobile/desktop
  • SEO
  • Stratégie de communication & Community management
  • Audit d’ergonomie
  • Solutions de cybersécurité
  • Outils de cybersécurité
  • E-droit & E-réputation
  • Innovation de service & Innovation technologique
  • Intelligence Artificielle & Business Intellligence
  • Design graphique
  • Jeux mobile
  • Motion design
  • Impression tout support
Le Blog de BBND – Actualités et nouvelles tendances du webLe Blog de BBND – Actualités et nouvelles tendances du web
Suivez-nous

© 2023 BBND. All Rights Reserved.

Un projet digital ?

Notre équipe d'experts couvre de larges domaines du numérique

Contactez-nous pour nous en faire part !

Supprimé de la liste de lecture

Annuler
Welcome Back!

Sign in to your account

Mot de passe perdu ?