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 5/5 : Async/Await, fonctions fléchées, exports/imports
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 5/5 : Async/Await, fonctions fléchées, exports/imports
Développement Web

Maîtriser JavaScript 5/5 : Async/Await, fonctions fléchées, exports/imports

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

Les techniques de raccourci, également appelées « shorthand techniques », sont un moyen puissant d’écrire un code JavaScript concis et expressi. Des fonctions fléchées (arrow functions) à async/await, plongeons dans le monde du codage efficace !

Fonctions fléchées avec retour implicite

Pour les fonctions à une seule expression, exploitez les fonctions fléchées avec un retour implicite pour un code plus concis.

// Syntaxe normale
const multiply = function(x, y) {
  return x * y;
};

// Utilisation d'une fonction fléchée avec retour implicite
const multiply = (x, y) => x * y;

Exportations et importations par défaut

Pour les modules avec une seule exportation, utilisez les exportations et importations par défaut pour une syntaxe plus courte.

// Syntaxe d'exportation normale
export const greet = (name) => {
  return `Bonjour, ${name} !`;
};

// Utilisation de l'exportation par défaut
const greet = (name) => {
  return `Bonjour, ${name} !`;
};

export default greet;

// L'importation normale
import { default as sum } from './module';

// L'importation optimisée
import sum from './module';

Array.find() et Array.findIndex()

Grâce aux méthodes Array.find() et Array.findIndex() , trouvez des éléments dans un tableau en fonction d’une condition.

const numbers = [10, 20, 30, 40, 50];

// Utilisation de Array.find()
const foundNumber = numbers.find(number => number > 25); // Trouver le premier nombre supérieur à 25

// Utilisation de Array.findIndex()
const foundIndex = numbers.findIndex(number => number > 25); // Trouver l'index du premier nombre supérieur à 25

Async/Await

async/await est une approche moderne pour gérer le code asynchrone, le rendant plus proche de l’apparence du code synchrone et plus facile à lire.

// Utilisation de promesses
function fetchData() {
  return fetch('https://api.example.com/data')
    .then(response => response.json());
}

// Utilisation d'async/await
async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

Maîtriser les techniques de raccourci en JavaScript est une compétence précieuse pour améliorer considérablement l’efficacité et la lisibilité de votre codage. En utilisant les fonctions fléchées avec retour implicite, les exportations et importations par défaut, Array.find(), Array.findIndex() et async/await, réduisez la verbosité inutile et améliorez la qualité globale de vos projets.

Cet article vous a intéressé ? Consultez les premiers articles sur les techniques abrégées, qui renforceront vos compétences et vous aidera à développer un code concis, clair et lisible.

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 ordinateur dans une forêt L’e-commerce responsable, cette tendance que toute marque doit connaître
Article suivant Comparaison espace de travail rocket chat et slack 9 alternatives open source aux logiciels propriétaires 1/2
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 ?