JavaScript est un langage connu pour ses bizarreries et ses pièges. L'une des erreurs les plus courantes en JavaScript est la tristement célèbre erreur "Impossible de lire la propriété 'x' de non défini". Vous connaissez celui-là. Vous essayez d'accéder à une propriété d'un objet, et quelque part en cours de route, l'une des propriétés intermédiaires est nulle ou indéfinie. Et puis, JavaScript jette un ajustement et casse votre code.

Eh bien, JavaScript a finalement décidé de faire preuve d'un peu de pitié. L'opérateur de chaînage facultatif, introduit dans ECMAScript 2020, est là pour sauver la situation. Avec le chaînage facultatif, vous pouvez désormais accéder aux propriétés et méthodes imbriquées d'un objet sans avoir à vous soucier de ces valeurs indéfinies embêtantes.

Examinons un exemple pour voir comment fonctionne le chaînage facultatif :

const user = {
  name: "John",
  address: {
    street: "123 Main St",
    city: "Anytown",
    state: "CA",
  },
};

const zipCode = user.address?.zipCode;

Ainsi, au lieu de générer une erreur, la zipCodevariable sera affectée undefined. Pas de mal, pas de faute.

Mais ce n'est pas tout ce que le chaînage facultatif peut faire.

Vous pouvez également l'utiliser pour appeler des méthodes sur des objets qui peuvent ou non exister :

const user = {
  name: "John",
  getAddress() {
    return this.address;
  },
};

const city = user.getAddress()?.city;

Conclusion:

Le chaînage facultatif peut sembler être un petit ajout à JavaScript, mais c'est un gros problème pour les développeurs. Cela aide à rendre notre code plus résistant aux erreurs et plus lisible. Plus de chaînes interminables de vérifications nulles et d'instructions if. Plus de larmes versées sur des valeurs indéfinies.

Alors levons tous un verre au chaînage facultatif, le héros dont nous ne savions pas avoir besoin. Bravo pour rendre JavaScript un peu moins cruel, une propriété facultative à la fois.

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Si vous êtes arrivé ici, je voulais juste révéler que cet article est entièrement généré par l'IA. Oui. L'image est créée par OpenAI DALL.E 2 et le contenu est par ChatGPT. Je viens de fournir la déclaration suivante à chatgpt et il a généré cet article en quelques secondes :

un article sur le chaînage optionnel javascript de manière humoristique avec des exemples de code et une conclusion à la fin

Je ne veux pas plagier ou avoir d'autres intentions, j'écris sur un support depuis des années. Cet article a été publié uniquement pour essayer ChatGPT pour la création de contenu et connaître la réponse. Alors applaudissez si vous avez trouvé cet article utile et que vous êtes également étonné par la puissance de l'IA générative. J'apprécierais vos réponses concernant l'article, l'IA générative, et comment cela va changer notre monde dans les années à venir.