console

最新推荐文章于 2024-05-09 10:04:06 发布

略略略略略哼

最新推荐文章于 2024-05-09 10:04:06 发布

阅读量938

点赞数 1

文章标签： console方法

一、显示信息的命令

console.log("输出普通信息log");

console.info("输出提示性信息info");
console.debug("输出调试信息debug");
console.warn("输出警告提示warn");

console.error("输出错误提示error");

二、占位符

console对象的上面5种方法，都可以使用printf风格的占位符。但是只支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种。

printf()函数是格式化输出函数, 一般用于向标准输出设备按规定格式输出信息。

printf()函数的调用格式为: printf("<格式化字符串>", <参量表>);

其中格式化字符串包括两部分内容:

一部分是正常字符, 这些字符将按原样输出;

另一部分是格式化规定字符, 以"%"开始, 后跟一个或几个规定字符, 用来确定输出内容格式。

eg:

console.log("小明的生日是%d月%d日", 2, 29);

console.log("数字%f",1.23456789);

%o占位符，用来查看一个对象内部情况

var dog = {};　　

dog .name = "奶油";　　

dog.color = "黄色";

对它使用o % 占位符---查看对象内部情况。　

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

三、分组显示

如果信息太多，可以分组显示

console.group();

console.groupCollapsed(); //同上嵌套块默认收起

console.groupEnd();

eg:
　　console.group("一组");
　　　　console.log("一组1");
　　　　console.log("一组2");
　　console.groupEnd();
　　console.group("二组");
　　　　console.log("二组1");
　　　　console.log("二组2");
　　console.groupEnd();

四、查看对象信息

console.dir(); //可以显示一个对象所有的属性和方法。

eg:

现在为二中的dog对象，添加一个bark()方法,然后，显示该对象的内容.

　　dog.bark = function(){alert("汪汪汪汪汪");};
　　console.dir(dog);

五、显示某个节点内容

console.dirxml(); //用来显示网页的某个节点（node）所包含的html/xml代码。

eg:

先获取一个表格节点.然后，在控制台会显示该节点包含的代码。

　　var test= document.getElementById("test");
　　console.dirxml(test);

六、判断变量是否为真

console.assert();

用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。

eg:
　　var result = 1;
　　console.assert( result );//为真、控制台不打印
　　var num= 1314;
　　console.assert(num== 1111); //Assertion failed: console.assert -- 断言失败

七、追踪函数调用轨迹

console.trace();

eg:

一个加法器函数，想知道这个函数是如何被调用的，在其中加入console.trace()方法就可以了。

　　function add(a,b){

　　　　return a+b;

　　}

　　function add(a,b){

　　　　console.trace();

　　　　return a+b;

　　}

假定这个函数的调用代码如下： --运行后，会显示add()的调用轨迹，从上到下依次为add()、add1()、add2()、add3()。

　　var x = add3(1,1);

　　function add3(a,b){return add2(a,b);}

　　function add2(a,b){return add1(a,b);}

　　function add1(a,b){return add(a,b);}