Maison interface Web js tutoriel La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents?

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents?

Apr 04, 2025 pm 05:12 PM
浏览器 red

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents?

Analyse approfondie des différences de sortie de la console.log

Cet article analyse les différences dans les résultats de sortie de la fonction console.log dans un morceau de code et explique la cause profonde. Les extraits de code impliquent différentes méthodes d'appel de l'analyse des paramètres d'URL et console.log , entraînant de légères différences dans les résultats de sortie.

Le code définit d'abord la fonction getUrlParams , qui est utilisée pour analyser les paramètres de l'URL et renvoie un objet contenant tous les paramètres. Ensuite, le code appelle getUrlParams pour analyser l'URL de l'échantillon et extraire la valeur du paramètre redirectKey .

La clé réside dans les deux appels différents vers console.log :

Le premier appel: console.log(2, redirectKey); La sortie est 2 'bankList\n' .

Le deuxième appel: console.log(redirectKey); Le résultat de la production est bankList .

La racine de la différence est que la valeur de redirectKey contient un caractère Newline \n .

Dans le premier appel, plusieurs paramètres sont utilisés, console.log sortira chaque paramètre sous forme de chaîne et le sépare avec des espaces. Par conséquent, \n est correctement affiché comme un caractère d'échappement \n au lieu d'une rupture de ligne réelle.

Dans le deuxième appel, console.log n'accepte qu'un seul paramètre, et il essaie de sortir directement la valeur de chaîne de redirectKey . Le navigateur interprète \n comme une nouvelle ligne, ce qui fait apparaître lui- \n , mais produit plutôt une nouvelle ligne réelle. Par conséquent, la deuxième sortie semble qu'il y a moins \n , mais \n existe toujours dans la variable redirectKey , mais le navigateur gère différemment selon différentes méthodes de sortie.

Après une observation minutieuse, la sortie de la chaîne pour la première fois est enfermée en devis uniques et contient \n ; La deuxième sortie ne s'affiche pas car le navigateur explique \n \n mais l'effet de rupture de ligne existe. En surface, \n disparaît, mais en fait il existe toujours dans la variable, et la façon dont le navigateur le gère dépend de la façon dont console.log est appelé.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser la solution Redis Cache pour réaliser efficacement les exigences de la liste de classement des produits? Comment utiliser la solution Redis Cache pour réaliser efficacement les exigences de la liste de classement des produits? Apr 19, 2025 pm 11:36 PM

Comment la solution de mise en cache Redis réalise-t-elle les exigences de la liste de classement des produits? Pendant le processus de développement, nous devons souvent faire face aux exigences des classements, comme l'affichage d'un ...

Dans un environnement multi-nœuds, comment s'assurer que la tâche de synchronisation @Scheduled de Spring Boot est exécutée uniquement sur un seul nœud? Dans un environnement multi-nœuds, comment s'assurer que la tâche de synchronisation @Scheduled de Spring Boot est exécutée uniquement sur un seul nœud? Apr 19, 2025 pm 10:57 PM

La solution d'optimisation pour les tâches de synchronisation Springboot dans un environnement multi-nœuds développe le ressort ...

Pourquoi la valeur de retour est-elle vide lors de l'utilisation de Redemplate pour la requête par lots? Pourquoi la valeur de retour est-elle vide lors de l'utilisation de Redemplate pour la requête par lots? Apr 19, 2025 pm 10:15 PM

Pourquoi la valeur de retour est-elle vide lors de l'utilisation de Redemplate pour la requête par lots? Lorsque vous utilisez Redemplate pour les opérations de requête par lots, vous pouvez rencontrer les résultats renvoyés ...

Comment analyser le processus de fissuration de l'idée Intellij et trouver la lib ou la classe responsable de l'enregistrement? Comment analyser le processus de fissuration de l'idée Intellij et trouver la lib ou la classe responsable de l'enregistrement? Apr 19, 2025 pm 04:00 PM

En ce qui concerne la méthode d'analyse d'Intellijidea craqueant dans le monde de la programmation, Intellij ...

Pourquoi la méthode reidemplate.opsforlist (). LeftPop () ne prend-elle pas en charge le passage des paramètres pour faire apparaître plusieurs valeurs à la fois? Pourquoi la méthode reidemplate.opsforlist (). LeftPop () ne prend-elle pas en charge le passage des paramètres pour faire apparaître plusieurs valeurs à la fois? Apr 19, 2025 pm 10:27 PM

Concernant la raison pour laquelle redetemplate.opsforlist (). LeftPop () ne prend pas en charge les numéros de passage. Lors de l'utilisation de Redis, de nombreux développeurs rencontreront un problème: pourquoi Redempl ...

Comment générer et afficher correctement l'applet WeChat avec des paramètres de codes QR en Java? Comment générer et afficher correctement l'applet WeChat avec des paramètres de codes QR en Java? Apr 19, 2025 pm 04:48 PM

Générer un code QR d'applet WeChat avec des paramètres en Java et l'afficher sur une page HTML est une exigence commune. Cet article discutera en détail de l'utilisation de J ...

Que faire si le cache Redis échoue dans Spring Boot? Que faire si le cache Redis échoue dans Spring Boot? Apr 19, 2025 pm 08:03 PM

Dans Springboot, utilisez Redis pour mettre en cache l'objet OAuth2Authorisation. Dans l'application Springboot, utilisez SpringSecurityoAuth2AuthorizationsServer ...

See all articles