Le framework CLEAN : un plan d'étape pour écrire du code JavaScript maintenable et sans bug

Vendredi soir avec le bug. Quel rêve effrayant.

Non, ce n'est pas un rêve. Cela peut arriver. En fait, cela arrive si souvent que vous commencez à vous interroger sur vous-même et sur les compétences de votre équipe.

Au fait, comment pouvez-vous minimiser le bug ?

J'ai conçu un cadre pour vous sauver : le CLEAN Framework pour Clean Code.

C → La cohérence est reine.

Rendez votre code cohérent. Qu'est-ce que cela signifie, si vous le demandez ?

Lorsque vous commencez à résoudre le bug, vous voyez les noms de variables x, y et z. Vous vous demandez ce que c'est. Vous retracez tous les endroits où il est utilisé et apprenez qu'il sert à mettre à jour le nom, l'adresse et la variable e-mail. Maintenant, vous vous maudissez pourquoi vous avez utilisé x, y et z au lieu d'un nom de variable raciale pour gaspiller votre précieux vendredi soir avec un bug inévitable.

Alors, que faire ?

À ma manière, suivre un guide de style. Comme le font Airbnb ou Google. Je préfère Airbnb.

Guide de style Airbnb - https://github.com/airbnb/javascript

Guide de style Google - https://google.github.io/styleguide/jsguide.html

L → Fonctions et modules Lean

Décomposez-le maintenant, vous tous !

Vous vous demandez quoi et pourquoi je suggère de rompre les choses ?

Eh bien, calmez-vous. Je ne dis pas de casser le clavier devant vous. Je suggère de décomposer les fonctions plus étendues que vous avez écrites, qui sont désormais difficiles à lire et à comprendre ce qui se passe. Décomposez-le pour que chaque fonction fasse et fasse bien une chose, comme une fonction d'assistance, aidant votre code de fonction d'origine.

Les petites fonctions ciblées sont la sauce secrète du code maintenable.

E → Optimisation efficace

La rapidité est nécessaire, mais pas au détriment de la lisibilité et d'un code sans bug.

Je sais, je sais. Vous direz que je dois terminer cette fonctionnalité plus rapidement car la date limite est proche. Maintenant, je vais vous demander comment vous allez résoudre ce bug avec la même vitesse fulgurante que celle avec laquelle vous avez écrit le code original.

Pas facile. N'est-ce pas ?

Mais voici ça. Commencez par écrire votre fonctionnalité. Une fois que vous avez terminé et avant de soumettre votre code à la révision, demandez-vous comment vous pouvez l'optimiser. Aurais-je dû utiliser map au lieu de forEach ? Aurais-je dû utiliser la boucle for...of au lieu de la boucle for ?

Un code optimisé est un code heureux, et un code heureux fait des développeurs heureux.

A → Entretien du code antique

Les codes hérités sont ennuyeux, mais en réalité, ce sont des antiquités viables.

Quelqu'un passe beaucoup de temps à comprendre l'exigence et à la faire fonctionner. Tu as raison; parfois, ce n'est pas le code le mieux optimisé et lisible. Mais maintenant, c'est à vous de remédier à la situation. Si le temps le permet, refactorisez-le lentement et régulièrement. Faites une étape à la fois pour conserver les caractéristiques d'origine intactes.

Respectez l'héritage, mais n'ayez pas peur de le pousser doucement vers l'avenir.

N → Adoption de nouvelles fonctionnalités

Il y a la raison pour laquelle la fonctionnalité ES6 continue d'être ajoutée.

Ce ne sont pas seulement de nouveaux jouets brillants ; ils sont le nouveau super pouvoir pour écrire du code plus propre et plus efficace. Les fonctions fléchées, la déstructuration et les littéraux de modèles sont le couteau suisse de JavaScript. Et n'oublions pas la programmation asynchrone. Les promesses et l'async/wait sont comme des contrôleurs de trafic pour votre code, permettant à tout de se dérouler sans problème, sans aucun carambolage.

Les fonctionnalités modernes rendent votre code plus expressif et votre vie plus facile.

Bonus : tester, déboguer, répéter

Une base de code bien testée est une base de code heureuse.

Comment vous sentez-vous lorsque vous faites une prise de sang et que vous ne trouvez rien de grave ? Oui, la base de code peut ressentir la même chose si vous l'imaginez. En fait, si le code est bien testé, il y a moins de chances d'avoir un bug vendredi soir.

Les tests d'écriture sont un bonus, mais ils sont indispensables.

Rappelez-vous, vous avez ceci ! Vous êtes bien équipé pour relever n'importe quel défi JavaScript avec le framework CLEAN (cohérence, modules Lean, optimisation efficace, soins du code antique et adoption de nouvelles fonctionnalités). Maintenant, allez-y et codez comme le ninja JavaScript que vous êtes !

Si vous avez aimé lire ceci, suivez-moi sur Twitter/X pour en savoir plus.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!