recherche
Maisoninterface Webjs tutorielComprendre le code propre : commentaires ⚡️

Understanding Clean Code: Comments ⚡️

Les commentaires de code sont considérés comme nécessaires dans le développement de logiciels, mais le livre Clean Code suggère que le code doit être explicite sans nécessiter de commentaires.

Nous découvrirons quand utiliser les commentaires, quand les éviter et comment rédiger des commentaires précieux dans le code JavaScript.


?Quand éviter les commentaires

1. Code évident :

Les commentaires ne doivent pas être utilisés pour expliquer ce que fait le code si cela ressort déjà clairement du code lui-même.

Par exemple :

// Increment the counter by 1
counter++;

// Check if the user is an admin
if (user.isAdmin()) {
    // ...
}

Dans ces cas, les commentaires sont redondants car le code est explicite. Au lieu d'ajouter des commentaires inutiles, concentrez-vous sur la création de votre code plus lisible.

2. Commentaires trompeurs :

Un commentaire qui ne correspond pas au code peut prêter à confusion et à des erreurs. Si vous mettez à jour le code mais oubliez de mettre à jour le commentaire, cela devient trompeur :

// Initialize user object
let user = new AdminUser(); // Actually, it's creating an AdminUser, not a regular user

Ici, le commentaire est trompeur et pourrait dérouter quelqu'un qui lirait le code plus tard. Il est préférable soit de supprimer le commentaire, soit de s'assurer qu'il reflète fidèlement le code.

3. Code commenté :

Laisser l'ancien code commenté est une mauvaise pratique courante. Cela encombre la base de code et peut prêter à confusion :

// Old code
// let data = fetchDataFromAPI();

// New code
let data = fetchDataFromDatabase();

Au lieu de laisser l'ancien code commenté, utilisez des systèmes de contrôle de version comme Git pour suivre les modifications du code. Cela permet de garder votre base de code propre et ciblée.



? Quand utiliser les commentaires

1. Intention de clarification :

Si un morceau de code a une logique complexe ou implique une solution de contournement, un commentaire peut clarifier pourquoi le code existe :

// Using a workaround for browser-specific bug in IE11
if (isIE11()) {
    fixIEBug();
}

Le commentaire explique pourquoi le code est nécessaire, fournissant un contexte précieux aux futurs développeurs.

2. Informations légales :

Parfois, les commentaires sont nécessaires pour des raisons juridiques, telles que l'inclusion d'informations sur les droits d'auteur ou de détails sur la licence :

/*
 * Copyright (c) 2024 MyCompany. All rights reserved.
 * Licensed under the MIT License.
 */

Ces commentaires sont essentiels et doivent être inclus comme l'exige la licence de votre projet.

3. Explication d'une décision :

Lorsqu'une décision spécifique du code nécessite une justification, un commentaire peut être utile :

// Using a binary search because the list is sorted
let index = binarySearch(sortedArray, target);

Ce commentaire explique pourquoi une recherche binaire a été choisie, donnant un aperçu du raisonnement derrière la mise en œuvre.

4. API publiques :

Lors de l'écriture d'API destinées au public, les commentaires peuvent aider à documenter comment les utiliser, en particulier en JavaScript où vous ne disposez peut-être pas d'outils de documentation intégrés :

/**
 * Calculates the area of a rectangle.
 * @param {number} width - The width of the rectangle.
 * @param {number} height - The height of the rectangle.
 * @returns {number} The area of the rectangle.
 */
function calculateArea(width, height) {
    return width * height;
}

Dans ce cas, le commentaire fournit une documentation claire sur la façon d'utiliser la fonction, ce qui est particulièrement utile pour les autres développeurs qui pourraient l'utiliser.



? Rédiger des commentaires utiles

  • Soyez clair et concis : Les commentaires doivent être simples et précis. Évitez d'écrire des explications longues qui pourraient être facilement comprises à partir du code lui-même.

  • Évitez le jargon : Utilisez un langage facile à comprendre, en évitant le jargon technique qui pourrait ne pas être familier à tous ceux qui lisent le code.

  • Mettre à jour les commentaires : Mettez toujours à jour vos commentaires lorsque le code change. Une bonne règle de base est la suivante : si vous touchez le code, consultez les commentaires.

  • Concentrez-vous sur le pourquoi, pas sur le quoi : Les bons commentaires expliquent pourquoi une décision particulière a été prise plutôt que de décrire ce que fait le code :

// We need to sort the array before performing the search
array.sort();

Ce commentaire explique pourquoi le tri est nécessaire avant la recherche, ajoutant ainsi un contexte précieux.



Conclusion ✅

Bien que les commentaires puissent être utiles, le Clean Code nous enseigne qu'ils doivent être utilisés avec parcimonie et à bon escient.

Le but est d'écrire du code si clair que les commentaires deviennent presque inutiles.

Lorsque des commentaires sont requis, assurez-vous qu'ils sont significatifs et précis, et qu'ils apportent de la valeur à toute personne lisant votre code.

En suivant ces directives, vous améliorerez non seulement la qualité de votre code, mais vous permettrez également aux autres (et à vous-même) de le comprendre et de le maintenir plus facilement.

Bon codage !

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!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Python vs JavaScript: une analyse comparative pour les développeursPython vs JavaScript: une analyse comparative pour les développeursMay 09, 2025 am 12:22 AM

La principale différence entre Python et JavaScript est le système de type et les scénarios d'application. 1. Python utilise des types dynamiques, adaptés à l'informatique scientifique et à l'analyse des données. 2. JavaScript adopte des types faibles et est largement utilisé pour le développement frontal et complet. Les deux ont leurs propres avantages dans la programmation asynchrone et l'optimisation des performances, et doivent être décidées en fonction des exigences du projet lors du choix.

Python vs JavaScript: Choisir le bon outil pour le travailPython vs JavaScript: Choisir le bon outil pour le travailMay 08, 2025 am 12:10 AM

Que ce soit pour choisir Python ou JavaScript dépend du type de projet: 1) Choisissez Python pour les tâches de science et d'automatisation des données; 2) Choisissez JavaScript pour le développement frontal et complet. Python est favorisé pour sa bibliothèque puissante dans le traitement et l'automatisation des données, tandis que JavaScript est indispensable pour ses avantages dans l'interaction Web et le développement complet.

Python et Javascript: comprendre les forces de chacunPython et Javascript: comprendre les forces de chacunMay 06, 2025 am 12:15 AM

Python et JavaScript ont chacun leurs propres avantages, et le choix dépend des besoins du projet et des préférences personnelles. 1. Python est facile à apprendre, avec une syntaxe concise, adaptée à la science des données et au développement back-end, mais a une vitesse d'exécution lente. 2. JavaScript est partout dans le développement frontal et possède de fortes capacités de programmation asynchrones. Node.js le rend adapté au développement complet, mais la syntaxe peut être complexe et sujet aux erreurs.

Core de JavaScript: est-il construit sur C ou C?Core de JavaScript: est-il construit sur C ou C?May 05, 2025 am 12:07 AM

Javascriptisnotbuiltoncorc; il est en interprétéLanguageThatrunSoninesoftenwritteninc .1) javascriptwasdesignedasalightweight, interprété de LanguageForwebbrowsers.2) EnginesevolvedFromSimpleInterpreterstoJitCompilers, typicalinc, impropringperformance.

Applications JavaScript: de front-end à back-endApplications JavaScript: de front-end à back-endMay 04, 2025 am 12:12 AM

JavaScript peut être utilisé pour le développement frontal et back-end. L'endouage frontal améliore l'expérience utilisateur via les opérations DOM, et le back-end gère les tâches du serveur via Node.js. 1. Exemple frontal: modifiez le contenu du texte de la page Web. 2. Exemple backend: Créez un serveur Node.js.

Python vs JavaScript: Quelle langue devez-vous apprendre?Python vs JavaScript: Quelle langue devez-vous apprendre?May 03, 2025 am 12:10 AM

Le choix de Python ou JavaScript doit être basé sur le développement de carrière, la courbe d'apprentissage et l'écosystème: 1) le développement de carrière: Python convient à la science des données et au développement de back-end, tandis que JavaScript convient au développement frontal et complet. 2) Courbe d'apprentissage: la syntaxe Python est concise et adaptée aux débutants; La syntaxe JavaScript est flexible. 3) Ecosystème: Python possède de riches bibliothèques informatiques scientifiques, et JavaScript a un puissant cadre frontal.

Frameworks javascript: alimenter le développement Web moderneFrameworks javascript: alimenter le développement Web moderneMay 02, 2025 am 12:04 AM

La puissance du cadre JavaScript réside dans la simplification du développement, l'amélioration de l'expérience utilisateur et les performances des applications. Lorsque vous choisissez un cadre, considérez: 1. Taille et complexité du projet, 2. Expérience d'équipe, 3. Écosystème et soutien communautaire.

La relation entre JavaScript, C et BrowsersLa relation entre JavaScript, C et BrowsersMay 01, 2025 am 12:06 AM

INTRODUCTION Je sais que vous pouvez le trouver étrange, que doit faire exactement JavaScript, C et Browser? Ils semblent sans rapport, mais en fait, ils jouent un rôle très important dans le développement Web moderne. Aujourd'hui, nous discuterons du lien étroit entre ces trois. Grâce à cet article, vous apprendrez comment JavaScript fonctionne dans le navigateur, le rôle de C dans le moteur du navigateur et comment ils fonctionnent ensemble pour stimuler le rendu et l'interaction des pages Web. Nous connaissons tous la relation entre JavaScript et Browser. JavaScript est la langue principale du développement frontal. Il fonctionne directement dans le navigateur, rendant les pages Web vives et intéressantes. Vous êtes-vous déjà demandé pourquoi javascr

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

Version Mac de WebStorm

Version Mac de WebStorm

Outils de développement JavaScript utiles

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel