Explication détaillée des compétences javascript console_javascript

1. Commandes pour afficher les informations

console.log(); //L'entrée de la console ne sera pas affichée sur la page Web

console.info(); //Informations générales

console.debug(); //Informations de débogage

console.warn(); //Invite d'avertissement

console.error(); //Invite d'erreur

"console.log();" peut être utilisé pour remplacer "alert();" ou "document.write();" Par exemple, écrivez "console.log("Hello World");" page puis Il sera saisi dans la console, mais pas dans la page Web.

On insère le code suivant dans le code :

console.info( "Ceci est une information" );

console.debug( "Ceci est un débogage" );

console.warn( "Ceci est un avertissement" );

console.error( "Ceci est une erreur" );

Après le chargement, ouvrez la console et vous verrez quelque chose comme ce qui suit :

2. Espace réservé

Les cinq méthodes ci-dessus de l'objet console peuvent toutes utiliser des espaces réservés de style printf. Cependant, il existe relativement peu de types d'espaces réservés et seuls quatre types d'espaces réservés sont pris en charge : caractères (%s), entiers (%d ou %i), nombres à virgule flottante (%f) et objets (%o). Par exemple :

console.log( "%d année %d mois %d jour" , 2011,3,26);

console.log( "Pi est %f" , 3.1415926 );

L'espace réservé %o peut être utilisé pour afficher les conditions internes d'un objet. Par exemple, il existe un tel objet :

var chien = {} ;

dog.name = "大毛";

dog.color = "jaune";

Ensuite, utilisez l'espace réservé o% :

console.log( "%o" , chien );

3. Affichage groupé

console.group(); console.groupEnd(); （这两个方法是成对使用的）
　　console.group("第一组信息");
　　　　console.log("第一组第一条");
　　　　console.log("第一组第二条");
　　console.groupEnd();
　　console.group("第二组信息");
　　　　console.log("第二组第一条");
　　　　console.log("第二组第二条");
　　console.groupEnd();

4. console.dir(); (affiche toutes les propriétés et méthodes d'un objet)

Par exemple, ajoutez maintenant une méthode bark() à l'objet chien dans la section 2, puis utilisez "dir();" pour l'afficher :

dog.bark = function(){ alert( "bark woof" };

console.dir( chien );

5. console.dirxml(); (récupère tous les codes html/xml contenus dans un nœud)

　var table = document.getElementById("table1"); //Obtenir le nœud

console.dirxml( table ); //Afficher tous les codes du nœud

6. console.assert(); (utilisé pour déterminer si une expression ou une variable est vraie. Si le résultat est non, un message correspondant sera affiché sur la console et une exception sera levée)

　var résultat = 0;

console.assert( résultat ); //false

　var année = 2000;

console.assert( année == 2011 ); //false

7. console.trace(); (utilisé pour tracer la trace de l'appel de fonction)

/*Une fonction d'addition*/

Fonction ajouter( a,b ){

renvoie un b;

　}

Je veux savoir comment cette fonction est appelée, ajoutez-y simplement la méthode console.trace() :

Fonction ajouter( a,b ){

console.trace();

renvoie un b;

　}

Supposons que le code d'appel de cette fonction soit le suivant :

　var x = add3(1,1);

Fonction add3( a,b ){ return add2(a,b >

Fonction add2( a,b ){ return add1( a,b >

Function add1( a,b ){ return add( a,b );

　　console.time( "计时器一" );

　　for( var i=0;i<1000;i++ ){

　　　　for(var j=0;j<1000;j++){}

　　}

　　console.timeEnd( "计时器一" );

.

　　function Foo(){

　　　　for(var i=0;i<10;i++){funcA(1000);}

　　　　funcB(10000);

　　}

　　function funcA(count){

　　　　for(var i=0;i<count;i++){}

　　}

　　function funcB(count){

　　　　for(var i=0;i<count;i++){}

　　}

　　console.profile('性能分析器一');

　　Foo();

　　console.profileEnd();