专栏名称: 灬同学
目录
相关文章推荐
川大研究生  ·  SUNDAY | 物理随笔 ·  23 小时前  
川大研究生  ·  SUNDAY | 物理随笔 ·  23 小时前  
中科院物理所  ·  AI ... ·  昨天  
GiantPandaCV  ·  《超大规模操作手册:在 GPU 集群上训练 ... ·  6 天前  
51好读  ›  专栏  ›  灬同学

JS中的九个console命令以及用法

灬同学  · 掘金  ·  · 2018-03-29 03:14

正文

JS中的九个console命令以及用法

一、显示信息的命令 根据信息的不同,console对象有四种显示信息的方法,分别是

console.log('text'); 日志的输出

console.info('信息'); 信息提示

console.error('错误'); 错误信息

console.warn('警告'); 警告信息 效果:

其中console.log 最常用

二:占位符 console对象的五种方法都可以使用printf的风格的占位符,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)

console.log("%d年%d月%d日",2011,3,26);
console.log("圆周率是%f",3.1415926);

效果:

三、信息分组

    console.group("第一组信息");        
    console.log("第一组第一条信息");
    console.log("第一组第二条信息");
    console.groupEnd();//第一组信息结束;可以开始第二条
    console.group("第二组信息");
    console.log("第二组第一条信息");
    console.log("第二组第二条信息");
    console.groupEnd();//第二组信息结束

效果:

四、查看对象的属性和方法 console.dir()可以显示一个对象所有的属性和方法。

var info = {
    name:"Bob",
    age:23,
    message:"今年大学毕业"
};
console.dir(info);

效果:

五、显示某个节点的内容 console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。

var table = document.getElementById("table1");
console.dirxml(table);

效果和上一个类似。

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

var result = 1;  
console.assert(result);  
var year = 2018;  
console.assert(year == 2015);
var year = 2018;  
console.assert(year == 2018);

1是非0值,是真;而第二个判断是假,在控制台显示错误信息 效果:

七、追踪函数的调用轨迹。 console.trace()用来追踪函数的调用轨迹。

/*函数是如何被调用的,在其中加入console.trace()方法就可以了*/   
function add(a, b) {
    console.trace();    
    return a + b;  
}  
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






请到「今天看啥」查看全文