L'article propose des alternatives à l'utilisation excessive de console.log pour améliorer le développement. Il suggère des méthodes comme console.dir() pour les listes hiérarchiques, console.table() pour les tableaux, console.group() pour organiser les logs, console.time() pour mesurer le temps d'exécution, et console.clear() pour nettoyer la console. L'auteur recommande également JSON.stringify() pour un affichage plus lisible dans les terminaux. Des commentaires soulignent d'autres méthodes utiles comme console.trace() et console.info(), ainsi que l'utilisation d'emojis pour différencier les messages de log.

Amusant, il est possible d'utiliser les CSS dans les console.log en mettant un marqueur %c dans le message, et un 2e argument avec les CSS.

Par exemple console.log('%cCoucou le monde', 'color: blue; font-size: 20px;');

Tout est dans le titre

Des astuces pour console.log

Des astuces pour l'utilisation des commandes console.qq_chose en JavaScript

Donc, pour résumer:

• pour avoir le nom des variables avec leur valeur, utiliser { }: console.log({var})
• console.warn(), console.error() et console.info() pour différencier l'aspect du message.
• console.assert(condition,retour) pour éviter un if (condition){console.log(retour)
• console.trace() pour remonter la pile d'appels
• console.group('nom'), console.groupCollapsed('nom') et console.groupEnd('nom') pour regrouper des console log()
• console.table(array) pour présenter les données sous forme de tableau
• $(selecteur) est équivalent à document.querySelector(selecteur)
• $$(selecteur) est équivalent à document.querySelectorAll(selecteur)

Via le Warrior du dimanche

Un fix pour un bug bien ennuyeux de VS Code

Tout est dans le titre