TypeScript:
Remaniement de code
Comment faire :
Considérez une fonction TypeScript qui a connu des jours meilleurs - elle est un peu en désordre et pourrait bénéficier d’un peu d’attention et de soins :
function userInfo(data: any): string {
return "User Info: " + data.name + ", " + data.age + ", " + data.email + ";" ;
}Une fois refactoré, cela pourrait ressembler à :
interface Utilisateur {
nom: string;
age: number;
email: string;
}
function formaterInfoUtilisateur(utilisateur: Utilisateur): string {
return `Info Utilisateur: ${utilisateur.nom}, ${utilisateur.age}, ${utilisateur.email};`;
}Le second exemple est plus robuste, exploitant le système de typage de TypeScript avec une interface pour éviter les erreurs potentielles à l’exécution et améliorer la lisibilité.
Plongée en Profondeur
Le refactoring n’est pas un concept moderne ; il a évolué avec la programmation, devenant plus formalisé avec la sortie du livre de Martin Fowler “Refactoring : Améliorer la conception du code existant” en 1999. C’est crucial dans un environnement de développement Agile, facilitant les modifications de code adaptatives. Certaines alternatives au refactoring manuel incluent des outils automatisés comme TSLint ou le propre serveur de langage de TypeScript qui peuvent suggérer ou même effectuer certaines tâches de refactoring pour vous. Les détails de mise en œuvre impliquent généralement de reconnaître les “odeurs de code”, telles que le code dupliqué, les longues méthodes ou les grandes classes, et d’appliquer des motifs pour remédier - comme extraire des méthodes, déplacer vers des classes plus appropriées, ou utiliser des constructions plus simples. Ces motifs sont clés pour comprendre le comment et le pourquoi du refactoring.