avascript Conseils à connaître

Écrit par Joab Chua

1. Console.log

• Ajoutez de la couleur au journal de votre console

Arrêtez de faire ça ! ❌

Essayez plutôt ceci. ✅

Mais si vous avez un tableau d'objets, essayez ce serait encore mieux ?

Si vous souhaitez mesurer la vitesse d'exécution de certaines opérations dans votre code, essayez ceci.

Faites console.time et console.timeEnd pour mesurer le temps pris dans la console du navigateur.
Enfin, si vous souhaitez retracer votre code et sa séquence d'exécution, essayez ceci.

Vous pourrez voir des tonnes d'informations dont vous avez besoin pour déboguer votre application.

2. Déstructuration des objets

Vous est-il déjà arrivé que vous n'ayez besoin que de quelques variables dans l'objet, mais que l'on vous transmette l'objet complet et que vous l'utilisiez de cette manière conventionnelle ?

Vous utilisez à plusieurs reprises la déclaration d'objet humain dans votre fonction ? Ne fais pas ça. Utilisez plutôt la déstructuration des objets ES6. ✅

Déstructurez les variables que vous devez utiliser dans les arguments de la fonction. Alternativement, vous pouvez déstructurer l'intérieur de la fonction elle-même.

3. Modèle littéral

❌ Ne faites pas cela lorsque vous essayez de reconstituer vos variables avec une chaîne.

Faites ceci à la place. ✅

4. Opérateur de propagation

Disons que vous avez 2 objets et que vous souhaitez les combiner ou attribuer certaines propriétés d'un objet à un autre. Traditionnellement, nous ferons cela.

Techniquement, il n’y a rien de mal à cela, sauf que vous êtes en train de muter votre objet. Essayez plutôt ceci. ✅

La meilleure chose de l'opérateur de propagation est qu'il fonctionne également pour les tableaux. ?
Au lieu de ça.

Faites ceci à la place.

5. boucles

Êtes-vous coupable d'avoir fait une boucle for de cette façon pour calculer le montant total du coût dans un tableau ? Arrêtez de faire ça. ❌

Commencez plutôt à changer votre style pour celui-ci.

Propre et maigre. Travail terminé ! ✅

Résumé

J'espère que ces quelques conseils vous guideront pour écrire un code meilleur, plus propre et plus simple.

Sponsorisé par MarsCode
Bienvenue à rejoindre notre Discord pour discuter de vos idées avec nous.

MarsCode Suivre

MarsCode fournit un IDE alimenté par l'IA et une extension IA pour vous aider dans vos tâches de programmation.

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!