Quelle est la différence entre printIn et console.log en JavaScript ? (Answered) - All The Differences
Table des matières
JavaScript est un langage de programmation qui n'est disponible que dans les navigateurs web. La console JavaScript est une interface de ligne de commande dans votre navigateur qui vous permet d'exécuter des extraits de code. Lorsque cet extrait de code est conçu pour interagir avec la page web que vous êtes en train de consulter, des résultats inattendus peuvent se produire.
L'option "PrintIn" permet d'imprimer le texte sur l'écran de l'ordinateur. alors que vous pouvez utiliser "console.log" pour l'enregistrer et l'utiliser à diverses fins, par exemple pour l'envoyer par courrier électronique en tant que rapport de bogue.
Si vous êtes programmeur, vous savez à quel point il est important d'utiliser et de comprendre les langages de script tels que JavaScript. Cependant, il arrive que vous ne sachiez pas exactement quelles sont ses fonctions.
Pour vous aider à comprendre la différence et l'application de ces deux fonctions, je vais vous expliquer ce qu'elles signifient et comment elles fonctionnent.
Commençons !
Qu'est-ce que JavaScript ?
Qu'est-ce que JavaScript ?
JavaScript est un langage de script qui permet de créer du matériel régulièrement mis à jour, de contrôler le multimédia, d'animer des graphiques et à peu près tout le reste.
Le langage de programmation JavaScript possède certaines capacités de programmation standard qui vous permettent de faire des choses comme :
- Lorsque certains événements se produisent sur une page web, vous pouvez répondre à un code en cours d'exécution.
- Vous pouvez utiliser des variables pour stocker des données utiles.
- Vous pouvez utiliser des "chaînes", qui sont des opérations d'édition de texte en programmation.
Les fonctionnalités ajoutées au langage JavaScript de l'utilisateur sont encore plus intéressantes. Les interfaces de programmation d'applications (API) offrent des fonctions supplémentaires à votre code JavaScript.
En bref, JavaScript dispose de nombreuses fonctions qui vous permettent de contrôler ce que vous êtes en train de coder, notamment printIn et console.log.
Qu'est-ce que PrintIn ?
codification
PrintIn est une méthode Java permettant d'afficher du texte sur la console. Cette méthode accepte ce texte comme paramètre sous la forme d'une chaîne de caractères. Cette approche imprime le texte sur la console tout en gardant le curseur au début de la ligne suivante.
La prochaine impression commence à la ligne suivante Il existe plusieurs méthodes d'impression telles que :
| void printIn() | Écrit la chaîne de séparation de ligne pour terminer la ligne en cours. |
| void printIn(boolean x) | La ligne se termine après l'impression d'un booléen. |
| void printIn(char x) | La ligne est terminée après l'impression d'un caractère. |
| void print(char [ ] x) | La ligne se termine après l'impression d'un tableau de caractères. |
| void printIn(double x) | La ligne est terminée après l'impression d'une double ligne. |
| void printIn(float x) | La ligne se termine après l'impression de afloat. |
| void printIn(int x) | La ligne se termine après l'impression d'un entier. |
| void printIn(long x) | La ligne est terminée après l'impression. |
| void printIn(Object x) | La ligne se termine après l'impression d'un objet. |
| void printIn(String x) | La ligne est terminée après l'impression d'une chaîne de caractères. |
Utilisation de différentes méthodes dans printIn
Bien qu'il possède de nombreuses méthodes que vous pouvez utiliser pour coder votre travail, vous pouvez rencontrer une autre méthode pour afficher le texte dans la console. Dans la console, il y a deux méthodes où vous pouvez imprimer votre travail, la première est printIn tandis que l'autre est print.
Pour ne pas confondre ces deux méthodes d'impression, définissons la différence entre la deuxième méthode d'impression, l'impression.
Print est une méthode Java permettant d'afficher du texte sur la console. Cette méthode accepte ce texte comme paramètre sous la forme d'une chaîne de caractères. Cette approche imprime le texte sur la console tout en gardant le curseur à la fin de la ligne suivante.
La prochaine impression commencera ici même Il existe plusieurs méthodes d'impression telles que :
| void print(boolean b) | Une valeur booléenne est imprimée. |
| void print(char c) | Un caractère est imprimé. |
| void print(char [ ] s) | Un tableau de caractères est imprimé. |
| void print(double d) | Un nombre à virgule flottante en double précision est imprimé. |
| void print(float f) | Un nombre à virgule flottante est imprimé. |
| void print(int i) | Un nombre entier est imprimé. |
| void print(long l) | Un entier long est imprimé. |
| void print(Object obj) | Un objet est imprimé. |
| void print(String s) | Une chaîne de caractères est imprimée. |
Utilisation de différentes méthodes d'impression
En bref, la principale différence entre les deux est l'emplacement du texte imprimé dans la console. PrintIn est au début de la ligne suivante alors que Print est à la position la fin de la ligne suivante.
Si vous souhaitez en savoir plus sur windows 10-pro et pro-n, consultez mon autre article.
Qu'est-ce que Console.log ?
Console.log
La console est un objet JavaScript qui vous permet d'accéder à la console de débogage du navigateur.
La console.log est une fonction JavaScript qui imprime toutes les variables qui ont été définies précédemment dans la console, ainsi que toute information qui doit être montrée à l'utilisateur.
La sortie est généralement enregistrée (imprimée) dans le terminal. Tous les types peuvent être transmis à log(), y compris les chaînes de caractères, les tableaux, les objets et les booléens.
La sortie de la méthode console.log() est visible dans la console JavaScript, qui est accessible via l'outil de développement du navigateur. Tout ce que vous produisez avec console.log() est accessible à tous les utilisateurs finaux, quel que soit leur groupe ou leur rôle.
Voyons comment vous pouvez l'utiliser et le résultat obtenu après l'utilisation de cette fonction.
| JavaScript | Sortie |
// console. log() méthode
| abc 1 vrai nul indéfini Array(4) [ 1, 2, 3, 4 ] Objet { a : 1, b : 2 , c : 3 } |
Entrée et sortie à l'aide de console.log
Qu'est-ce que la méthode Print to Console avec Console.log en Javascript ?
Il s'agit de la méthode de console la plus populaire et la plus utilisée en JavaScript. Cette méthode est fréquemment utilisée pour imprimer divers messages ou résultats de calculs sur la console ou même lors du débogage du code.
Vous avez écrit un code qui additionne deux nombres et vous souhaitez voir le résultat de cette opération sur la console ; dans ce cas, vous pouvez utiliser la méthode console.log().
Document var num_1 = 2, num_2 = 3 ; console.log(num_1 + num_2) ; Console.log est-il synchrone ou asynchrone ?
Avant de vous expliquer si console.log est synchrone ou asynchrone, je vais d'abord définir ce que sont les termes synchrone et asynchrone.
Synchrone signifie qu'il se produit en même temps alors qu'asynchrone signifie qu'il ne se produit pas en même temps. Ainsi, les participants/utilisateurs en synchrone peuvent recevoir un retour d'information immédiatement. Asynchrone vous permet d'apprendre à votre propre rythme.
Pour répondre, concole.log est asynchrone. Je vais vous montrer pourquoi, en vous montrant des exemples, notamment le tri d'un tableau d'objets de manière plus efficace. Commençons.
Supposons que votre tableau contienne les objets suivants :
| let users = [ { name : "Nicole" , age : 20, surname : "Luna" } , { name : "Cara" , age : 21, surname : "Lim" } , { name : "Lara" , age : 20, surname : "Tuazon" } ; ] |
objets du tableau
Vous devez trier ce tableau par nom de champ, ce qui se fait généralement de la manière suivante.
| / / par nom ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => ; a.name> ; b.name ? 1 : -1) ; / / par âge ( Lara, Nicole, Cara ) users.sort ( ( a, b ) => ; a.age> ; b.name ? 1 : -1) ; |
tri des objets d'un tableau
Pour l'organiser de manière plus efficace, vous aurez ceci :
| users.sort(byField( 'name' )) ; users.sort(byField( 'age' )) ; |
trier les objets d'un tableau (de manière simple)
Pour ce faire, vous devez écrire la fonction "Byfield" à passer et la trier à Array.prototype.sort des objets dans votre tableau. Ce n'est pas l'objectif principal de cet article mais regardez l'exemple ci-dessous pour compléter l'exemple ci-dessus d'une manière simple.
| > ; let users = [ { name : "Nicole" , age : 20, surname : "Luna" } , { name : "Cara" , age : 21, surname : "Lim" } , { name : "Lara" , age : 20, surname : "Tuazon" } ; ] function byField ( fieldName ){ return (a, b ) => ; a[fieldName] ? 1 : -1 ; } users.sort(byField( 'name' ) ) ; concole.log(users) ; users.sort(byField( 'age' ) ) ; concole.log(users) ; Voir également: Quelle est la différence entre une solive de toit et un chevron de toit (différence expliquée) - Toutes les différences(3) [ { ... }, { ... }, { ... } ] > ; 0 : { name : " Lara ", age : " 20 " , surname : " Tuazon " } > ; 1 : { name : " Nicole ", age : " 20 " , surname : " Luna " } > ; 1 : { name : " Cara ", age : " 21 " , surname : " Lim " } longueur : 3 Voir également: BluRay, BRrip, BDrip, DVDrip, R5, Web Dl : Comparés - Toutes les différences> ; _proto_ : Tableau (0) (3) [ { ... }, { ... }, { ... } ] > ; 0 : { name : " Lara ", age : " 20 " , surname : " Tuazon " } > ; 1 : { name : " Nicole ", age : " 20 " , surname : " Luna " } > ; 1 : { name : " Cara ", age : " 21 " , surname : " Lim " } longueur : 3 > ; _proto_ : Tableau (0) |
objets de tableaux triés
Vous pouvez voir dans le tableau ci-dessus que j'ai trié les objets du tableau deux fois, d'abord par nom, puis par âge, et qu'après chaque opération de tri, j'ai exécuté console.log (). De plus, vous avez peut-être observé que console.log() restituait la même sortie pour chaque type de résultat, mais ce n'est pas le cas ; permettez-moi d'expliquer pourquoi.
J'ai exécuté le code ci-dessus en une seule fois, puis j'ai décidé de développer chaque réaction à partir de console.log (), ce qui est important car console.log() est asynchrone.
En ce qui concerne la boucle d'événements, toutes les fonctions asynchrones arrivent à la table d'événements. Dans ce cas, après avoir fait apparaître console.log(), il passe à la table d'événements et attend qu'un événement spécifique se produise.
Lorsqu'un événement se produit, console.log() est envoyé dans la file d'attente des événements, où il attend que tous les processus de cette file d'attente qui étaient déjà présents lorsque votre console.log a été placé et ont été envoyés à la pile d'appels, alors votre console.log() est également envoyé à cette pile d'appels.
Comment ouvrir la console Javascript Console.log ?
Dans les navigateurs web, la Console est l'un des outils de développement. Pour dépanner votre code JavaScript, vous pouvez utiliser la Console. La Console peut être trouvée à plusieurs endroits en fonction du navigateur.
Dans ce tutoriel, je vous apprendrai où trouver la Console dans votre navigateur Google Chrome.
Marche à suivre pour ouvrir le journal de la console dans Chrome
Voyons comment ouvrir le journal de la console Chrome.
- Sélectionnez Inspecter dans le menu contextuel lorsque le navigateur Chrome est ouvert.
- L'onglet "Elements" des outils de développement est ouvert par défaut lorsque vous lancez Inspect. À droite de "Elements", cliquez sur "Console".
- Vous pouvez maintenant visualiser la console ainsi que toute sortie enregistrée dans le journal de la console.
Vous pouvez également ouvrir les outils de développement Chrome à l'aide d'un certain nombre de touches de raccourci. Selon la version de votre Chrome, vous pouvez utiliser les raccourcis suivants :
Pour Windows et Linux,
| Ctrl + Shift + I | La fenêtre Developer Tools s'affiche. |
| Ctrl + Shift + J | Sélectionne l'onglet Console dans les outils de développement. |
| Ctrl + Shift + C | Le mode Inspecter l'élément bascule |
Touches de raccourci
Réflexions finales
Les principale différence entre printIn et console.log est leur fonction et le fait qu'il s'agit d'une fonction de l'utilisateur. résultat du code PrintIn imprime le texte sur la console tandis que console.log imprime toutes les variables avec des chaînes de caractères qui ont été codées auparavant.
Fondamentalement, ces fonctions de Javascript vous permettent d'imprimer et d'afficher les variables et le texte sur la console. En JavaScript, vous pouvez imprimer en utilisant une variété de méthodes.
La méthode de journalisation de la console JavaScript est l'option la plus couramment utilisée lors du débogage. Pour déboguer votre code plus efficacement, vous devez vous entraîner à toutes ces méthodes et apprendre à les utiliser correctement.
Les programmeurs et les développeurs les utilisent souvent pour imprimer les variables qui ont été prédéfinies, ainsi que toute information devant être présentée à l'utilisateur.
