10 méthodes de console JavaScript utiles
- 3642
- 407
- Clara Nguyen
Une méthode JavaScript est une propriété contenant une définition de fonction. Une méthode de console est un objet utilisé pour accéder à la console de débogage du navigateur. À l'aide des méthodes de console, nous pouvons imprimer des messages, des avertissements et des erreurs à la console du navigateur, ce qui est utile à des fins de débogage.
La console de développeur dans un navigateur Web est un outil qui enregistre les informations associées à une page Web, telles que JavaScript, les demandes de réseau et les erreurs de sécurité, etc. Pour ouvrir la fenêtre de la console du développeur sur Google Chrome, utilisez le raccourci clavier Ctrl + Shift + J (sur Windows) ou Ctrl + Option + J (sur macOS).
L'objet Console fournit plusieurs méthodes à utiliser. Dans ce tutoriel, vous apprendrez les utilisations de Méthodes de console JavaScript.
- ENREGISTRER
- INFO
- AVERTIR
- ERREUR
- AFFIRMER
- Comptez et Countreset
- Temps, Timelog et Timeend
- Groupe et grouper
- TABLEAU
- CLAIR
Dans cet article, nous discuterons de 10 méthodes de console JavaScript utiles qui peuvent vous aider à écrire un code plus efficace et efficace.
1. En utilisant 'console.enregistrer()' Méthode
En javascript, le console.enregistrer() La méthode est utilisée pour enregistrer ou imprimer des messages à la console, qui est un outil intégré à la plupart des navigateurs Web et des environnements JavaScript. Une console est un outil de développeur qui vous permet de voir des informations sur votre code, telles que les informations de débogage, les messages d'erreur et les messages enregistrés.
Le console.enregistrer() La méthode prend un ou plusieurs arguments et les enregistre à la console. Par exemple, vous pouvez enregistrer une chaîne comme ceci:
| 1 | console.journal ("Bonjour, monde!"); |
Ou vous pouvez enregistrer une variable comme celle-ci:
Laissez myNumber = 42; console.journal (mynumber);| 12 | Laissez mynumber = 42; console.journal (mynumber); |
Vous pouvez également enregistrer plusieurs valeurs à la fois en les faisant passer comme arguments distincts:
console.log ("La réponse est", myNumber);| 1 | console.log ("La réponse est", myNumber); |
En plus des chaînes et des variables de l'exploitation forestière, vous pouvez également utiliser la console.Méthode log () pour log les objets et les tableaux. Par exemple:
Laissez myObject = nom: "John", âge: 42; console.log (myObject); Laissez MyArray = [1, 2, 3, 4, 5]; console.journal (MyArray);| 12345 | Laissez myObject = nom: "John", âge: 42; console.log (myObject); Laissez MyArray = [1, 2, 3, 4, 5]; Console.journal (MyArray); |
2. En utilisant 'console.Info()' Méthode
Le console.Info() La méthode en JavaScript est utilisée pour enregistrer un message d'information à la console. Il faut un ou plusieurs paramètres, qui peut être n'importe quel type de données, et publie un message d'information à la console avec une icône bleu «I».
Voici un exemple d'utilisation de la console.Info():
const username = 'johndoe'; console.info ('utilisateur $ nom d'utilisateur est connecté.');| 12 | const username = 'johndoe'; console.info ('utilisateur $ nom d'utilisateur est connecté.'); |
Dans l'exemple ci-dessus, le console.Info() La méthode publiera un message d'information à la console indiquant que l'utilisateur avec le nom d'utilisateur "Johndoe" est connecté.
Le console.Info() La méthode est utile pour enregistrer des informations non critiques ou des mises à jour sur l'état du programme. Il peut être utilisé à des fins de débogage ou pour fournir un contexte sur l'exécution du programme.
3. En utilisant 'console.avertir()' Méthode
Le console.avertir() La méthode en JavaScript est utilisée pour enregistrer un message d'avertissement à la console. Il prend un ou plusieurs paramètres, qui peut être n'importe quel type de données, et publie un message d'avertissement à la console avec une icône d'avertissement jaune.
Voici un exemple d'utilisation console.avertir():
| 1234 | Const Âge = 17; if (âge < 18) console.warn('User is under 18 years old. Proceed with caution.'); |
Dans l'exemple ci-dessus, si la variable d'âge est inférieure à 18 console.avertir() La méthode publiera un message d'avertissement à la console.
Il est important de noter que console.avertir() n'est pas la même chose qu'un message d'erreur. Un message d'avertissement indique qu'il existe un problème potentiel qui peut ne pas être essentiel au fonctionnement du code, alors qu'un message d'erreur indique qu'il y a un problème critique qui doit être résolu avant que le code puisse continuer à s'exécuter.
4. En utilisant 'console.erreur()' Méthode
Le console.erreur() La méthode de JavaScript est utilisée pour enregistrer un message d'erreur à la console avec une icône d'erreur. Il est utilisé pour indiquer qu'une erreur ou une exception s'est produite dans le code, ce qui peut entraîner l'échec de l'application.
Voici un exemple de la façon d'utiliser le console.erreur() méthode:
| 123456789 | const x = 5; const y = 0; essayez const result = x / y; console.log ('result: result'); catch (error) console.erreur (erreur); |
Dans cet exemple, nous tentons de diviser la valeur de X par y, qui est zéro. Cela entraînera un division par zéro Erreur, que nous attrapons à l'aide d'un bloc d'essai. La console.La méthode error () est alors appelée, passant l'objet d'erreur comme argument. Cela publiera un message d'erreur à la console avec une icône d'erreur, ainsi qu'une trace de pile qui affiche la pile d'appels au moment de l'erreur. En utilisant le Csoldat.erreur() La méthode est un moyen efficace de déboguer et de dépanner les erreurs dans les applications JavaScript.
5. En utilisant 'console.affirmer()' Méthode
Utiliser console.affirmer() La méthode écrit un message à la console en fonction d'une condition. Il imprime le message à la console uniquement si la première expression d'argument évalue à false.
| 1 | console.affirmer (document.getElementById ("nom"), "Aucun élément trouvé avec id 'name'"); |
6. Comptez et Countreset
Le console.compter() La méthode est utilisée pour écrire un message sur la console comme le nombre de fois où il est appelé.
| 123 | pour (i = 1; i <= 5; i++) console.count(); |
Par défaut, il a étiqueté le message avec "défaut", Mais vous pouvez changer l'étiquette en le faisant passer comme un argument.
Utiliser console.Countreset () Méthode pour réinitialiser le compteur, vous pouvez donc utiliser à nouveau ceci plus loin.
pour (i = 1; i <= 5; i++) console.count(); console.countreset();| 1234 | pour (i = 1; i <= 5; i++) console.count();console.countreset(); |
7. Temps, Timelog et Timeend
Utiliser console.temps() fonction pour démarrer une minuterie pour suivre la durée d'une opération. Avant de commencer la fonction de temps d'utilisation de fonctionnement pour démarrer la minuterie et utiliser la console.Fonction TimeEnd () Une fois le fonctionnement terminé. À l'aide de cela, vous pouvez trouver le temps pris par une opération spécifique par l'application.
Vous pouvez aussi utiliser console.Timelog () Pour imprimer l'heure actuelle de votre code. Cela ne commencera ni ne terminera aucune minuterie, imprimera uniquement l'horodatage actuel.
| 12345 | console.Temps ("Temps de réponse"); // Autre bloc de CodesConsole.Timelog ("Temps de réponse"); // Autre bloc de CodesConsole.Timeend ("Temps de réponse"); |
8. Groupe et grouper
Utilisez le console.groupe() fonction pour faire du groupe de messages sur la console du navigateur. Cela commencera le regroupement du message à côté. Puis utilisez le console.regroupement() fonction pour mettre fin à un groupe qui a commencé juste avant.
| 12345678910 | console.journal ("c'est le niveau extérieur"); console.groupe ("premier groupe"); console.log ("dans le premier groupe"); console.groupe ("deuxième groupe"); console.log ("dans le deuxième groupe sous premier groupe"); console.avertir ("toujours dans le deuxième groupe"); console.groupend (); console.Log ("Retour au premier groupe"); console.groupend (); console.débogage ("Retour au niveau extérieur"); |
9. TABLEAU
Utiliser console.tableau() Méthode pour imprimer un objet sous forme de table sur la console du navigateur.
| 1 | console.table ('id': 1001, 'name': 'Tecadmin.filet'); |
dix. CLAIR
La console JavaScript.La méthode clear () est utilisée pour effacer la fenêtre de la console des outils de développement du navigateur. Il efface tous les messages enregistrés précédemment et toute autre sortie qui était précédemment affichée dans la console, ce qui rend la fenêtre de la console vide et prête pour de nouveaux messages.
console.clair();| 1 | console.clair(); |
Cette méthode est couramment utilisée pour nettoyer la sortie de la console lorsque vous souhaitez vous concentrer sur un ensemble spécifique de messages ou lorsque vous souhaitez supprimer l'encombrement de la fenêtre de la console. Il peut être appelé à partir de la console du navigateur ou du code JavaScript en cours d'exécution dans la page.
Conclusion
En conclusion, les méthodes de console JavaScript sont un ensemble puissant d'outils qui peuvent vous aider à déboguer et à optimiser vos applications Web. En utilisant ces méthodes, vous pouvez facilement inspecter et manipuler des objets, mesurer les performances et enregistrer les messages à la console. Que vous soyez un débutant ou un développeur expérimenté, ces méthodes sont essentielles pour créer des applications robustes et efficaces. Nous espérons que cet article vous a fourni un aperçu utile de ces méthodes et vous a inspiré à les explorer davantage dans vos propres projets.