Pourquoi est-console.log() considéré comme meilleur que le alert()?

J'ai toujours dit que lors du débogage d'une application, JavaScript console.log() méthode est privilégiée par rapport à la simple utilisation d'un alert() méthode. Pourquoi est-ce? Est-il un bon exemple quelqu'un peut m'indiquer où console.log() est évidemment le meilleur choix?

InformationsquelleAutor Daniel Szabo | 2011-11-20
  1. 34
    • alert() bloque
    • alert() ne peut pas être facilement supprimée dans les non-environnement de débogage
    • console généralement les formats de vos objets bien et permet de traverser
    • des instructions de journalisation souvent interactive pointeur de code qui a émis la déclaration logging
    • vous ne pouvez pas regarder plus d'une alert() message à un moment
    • consoles peuvent avoir différents niveaux de journalisation avec intuitive mise en forme
    • n'oubliez pas que si(fenêtre.la console)de la console.journal ou vous briser la merde pour les utilisateurs de IE depuis la console n'existe pas tant qu'il est ouvert.
    • Je ne suis pas sûr de ce que tu veux dire en disant d'alerte ne peut pas être facilement supprimé. Tous vous avez besoin est alert = function(){}
    • l'alerte n'est pas seulement de la vieille école , il est hideux et envahissantes .. Que vous pouvez habilement contourner , mais pas la meilleure chose à faire , pourquoi ne pas avoir tous les développeurs d'être cohérente et en utilisant les outils de développement F12 et arrêter avec nasty alertes.
    • C'est à dire déjà pauses, pas de console.log() nécessaire. Ce n'est que sur les anciennes versions d'IE, et si vous soutenez que, vous perdez votre temps précieux. Allez faire quelque chose de génial, pas en charge les anciens navigateurs.
    InformationsquelleAutor Tomasz Nurkiewicz
  2. 5

    Essayez ceci:

    var data = {a: 'foo', b: 'bar'};
console.log(data);
alert(data);

    Vous verrez que console.log vous montre l'objet, tandis que alert vous donne [object Object], ce qui n'est pas utile. Cela est également vrai, par exemple, des éléments:

    alert(document.body); //[object HTMLBodyElement] (exact result depends on your browser)
    InformationsquelleAutor lonesomeday
  3. 4

    Les deux sont juste un moyen pour obtenir des informations sur ce qui se passe au moment de votre JS. J'ai l'habitude d'utiliser alert() de tous les temps, mais migré vers la console.log() pour plusieurs raisons. (Note: la console offre plus que juste log(), jetez un oeil à ce qu'elle peut faire).

    Je pense que les principaux avantages de la console.log() sont:

    • il n'a pas d'arrêt des processus tels que l'alerte ne
    • vous pouvez voir ce que la ligne de ce script a jeté l'entrée de journal sans mettre la ligne dans votre message
    • si vous avez plus d'une chose que vous déboguez il peut obtenir de véritables ennuyeux de continuer à appuyer sur " ok " sur votre boîtes d'alerte
    • vous pouvez vous connecter objets et d'obtenir beaucoup de bonnes infos (merci pour le rappel, d'autres answerers)

    À la fin il se résume à la façon dont vous préférez debug.

    Une chose d'être conscient de. Navigateurs ne supportent pas les console.log() et aura un problème si vous laissez votre console.log() appelle dans votre code. Fournir une console de stub si la console n'est pas disponible pour contourner ce problème.

    InformationsquelleAutor greenanvil
  4. 3

    Il est non-bloquante et vous permet de profondément examiner des objets (plutôt que juste de voir les résultats de toString()ing eux).

    InformationsquelleAutor Quentin
  5. 2

    La alert doit être rejeté avant d'exécution de javascript peut reprendre. console.log a pas ce problème.

    console.log également l'objet avec des valeurs, où un appel à alert vous demandera de parcourir l'objet premier.

    InformationsquelleAutor Oded
  6. 1

    Si vous oubliez de supprimer une alerte de debug déclaration qu'il aura une incidence directe sur l'utilisateur final.

    Si vous oubliez de retirer un debuggins de la console.journal de l'énoncé de l'utilisateur n'est pas affecté.

    En plus de la console.journal vous permettra de voir le contenu complet d'un objet au lieu de JavaScript toString() de la représentation.

    InformationsquelleAutor John Hartsock
  7. 1

    Je suppose que c'est un peu une question de goût, mais il y a un certain nombre d'avantages de l'utilisation de la console.journal:

    • Dire que vous voulez vous connecter à 20 choses différentes, qui serait assez ennuyeux avec alerte.
    • Vous pouvez vous connecter objets par exemple, puis de les contrôler.
    • En Chrome Dev tools par exemple, vous pouvez conserver le journal entre les différentes pages.
    • Il est non-bloquante
    • Il n'affecte pas l'utilisateur final si vous l'avez oublié

    Pour n'en nommer que quelques-unes.

    InformationsquelleAutor Christofer Eliasson
  8. 0

    Parce que les alertes sont un pain PITA, de tout arrêter jusqu'à ce qu'il y a l'entrée, et ne permettent pas l'objet d'introspection.

    À l'aide d'un débogueur est même mieux dans certains cas.

    InformationsquelleAutor Dave Newton
  9. 0

    alert() s'arrête de toute interaction avec le navigateur jusqu'à ce que le message est rejeté tandis que la console.log() se contente d'afficher le message dans la console.

    Ex. Vous avez l'impression que les valeurs d'un ensemble de variables pour s'assurer qu'ils sont à droite et ne veux pas rejeter la fenêtre d'alerte après chaque variable.

    InformationsquelleAutor Firenze