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
Remplacer les caractères de chaîne en javascriptRemplacer les caractères de chaîne en javascriptMar 11, 2025 am 12:07 AM

Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi

jQuery Vérifiez si la date est validejQuery Vérifiez si la date est valideMar 01, 2025 am 08:51 AM

Des fonctions JavaScript simples sont utilisées pour vérifier si une date est valide. fonction isValidDate (s) { var bits = s.split ('/'); var d = new Date (bits [2] '/' bits [1] '/' bits [0]); return !! (d && (d.getMonth () 1) == bits [1] && d.getDate () == Number (bits [0])); } //test var

jQuery obtient un rembourrage / marge d'élémentjQuery obtient un rembourrage / marge d'élémentMar 01, 2025 am 08:53 AM

Cet article explique comment utiliser jQuery pour obtenir et définir les valeurs de marge et de marge intérieures des éléments DOM, en particulier les emplacements spécifiques de la marge extérieure et des marges intérieures de l'élément. Bien qu'il soit possible de définir les marges intérieures et extérieures d'un élément à l'aide de CSS, l'obtention de valeurs précises peut être délicate. // installation $ ("div.header"). CSS ("marge", "10px"); $ ("div.header"). css ("padding", "10px"); Vous pourriez penser que ce code est

10 onglets jQuery Accordion10 onglets jQuery AccordionMar 01, 2025 am 01:34 AM

Cet article explore dix onglets jQuery exceptionnels et accordéons. La principale différence entre les onglets et les accordéons réside dans la façon dont leurs panneaux de contenu sont affichés et cachés. Plongeons ces dix exemples. Articles connexes: 10 plugins de l'onglet jQuery

10 vaut la peine de vérifier les plugins jQuery10 vaut la peine de vérifier les plugins jQueryMar 01, 2025 am 01:29 AM

Découvrez dix plugins jQuery exceptionnels pour élever le dynamisme et l'attrait visuel de votre site Web! Cette collection organisée offre diverses fonctionnalités, de l'animation d'image aux galeries interactives. Explorons ces outils puissants: Related Posts: 1

Http débogage avec le nœud et le http-consoleHttp débogage avec le nœud et le http-consoleMar 01, 2025 am 01:37 AM

HTTP-Console est un module de nœud qui vous donne une interface de ligne de commande pour exécuter les commandes HTTP. C'est idéal pour le débogage et voir exactement ce qui se passe avec vos demandes HTTP, qu'elles soient faites contre un serveur Web, Web Serv

Tutoriel de configuration de l'API de recherche Google personnaliséTutoriel de configuration de l'API de recherche Google personnaliséMar 04, 2025 am 01:06 AM

Ce tutoriel vous montre comment intégrer une API de recherche Google personnalisée dans votre blog ou site Web, offrant une expérience de recherche plus raffinée que les fonctions de recherche de thème WordPress standard. C'est étonnamment facile! Vous pourrez restreindre les recherches à Y

jQuery Ajouter une barre de défilement à divjQuery Ajouter une barre de défilement à divMar 01, 2025 am 01:30 AM

L'extrait de code jQuery suivant peut être utilisé pour ajouter des barres de défilement lorsque le contenu DIV dépasse la zone de l'élément de conteneur. (Pas de démonstration, veuillez le copier directement sur Firebug) // d = document // w = fenêtre // $ = jQuery var contentArea = $ (this), wintop = contentArea.scrollTop (), docheight = $ (d) .height (), winheight = $ (w) .height (), divheight = $ ('# c

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

Dreamweaver Mac

Dreamweaver Mac

Outils de développement Web visuel

PhpStorm version Mac

PhpStorm version Mac

Le dernier (2018.2.1) outil de développement intégré PHP professionnel

Listes Sec

Listes Sec

SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.