资讯专栏INFORMATION COLUMN

JavaScript-console 对象

tylin / 2397人阅读

摘要:主键为数字主键为最外层键,对一个对象进行检查。表示开始要计算时间的程序表示结束,,对信息进行分组。分组名称分组显示的信息对窗口进行清屏。参考链接阮一峰对象刘哇勇的部落格控制台不完全指南

console.log(),console.warn(),console.error(),console.info(),console.debug()

console.log() 用于在 console 窗口显示普通信息。

console.warn() 用于在 console 窗口显示警示信息。

console.error() 用于在 console 窗口显示错误信息。

console.info() 用于在 console 窗口显示提示类信息。

参数可以是普通字符串、格式字符串

console.log("duan");                                //duan
console.log("zhi","lei");                           //zhi lei
console.log("%s","D-ZL");                           //D-ZL
console.log("%cD-ZL","font-size:20px;color:red;");  //D-ZL(red)

%s 字符串

%d,%i 整数

%f 浮点数

%o 对象的链接

%c CSS 格式字符串

console.table()

console.table 方法可以将复合类型的数据转成表格。

复合类型的数据转成表格,必须拥有主键。

//主键为数字
var dzl = [ { id: "1", value: "d" },
            { id: "2", value: "z" },
            { id: "3", value: "l" } 
];
console.table(dzl);
//主键为最外层键
var dzl = {
            D: { id: "1", value: "d" },
            Z: { id: "2", value: "z" },
            L: { id: "3", value: "l" }
};
console.table(dzl);
console.dir(),console.assert()

console.dir() 对一个对象进行检查。

console.assert() 验证某个条件是否为真。

// console.dir()用法格式
console.dir(object);
// console.assert()用法格式
console.assert(条件判断,输出信息);
console.time(),console.timeEnd()

console.time()console.timeEnd() 用于计算一个操作花的时间。

console.time() //表示开始
    //要计算时间的程序
console.End()  //表示结束
console.group(),console.groupend()

console.group()console.groupend() 对信息进行分组。在输出大量的信息的时候可以用,可以折叠 / 展开。

console.group(分组名称);
    //分组显示的信息
console.groupEnd();
console.clear()

console.clear() 对 console 窗口进行清屏。

参考链接

by 阮一峰 console 对象
刘哇勇的部落格 Chrome 控制台不完全指南

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81840.html

相关文章

  • JavaScript-console的使用_016

    摘要:的使用对象提供对浏览器控制台的接入如的。它被浏览器定义为,也可被简单的调用。表格的第一列是。注意在中被限制为只显示行第一行是被标记的索引原文。每一个计时器必须拥有唯一的名字,页面中最多能同时运行个计时器。 JavaScript-console的使用 onsole 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的,但这里会...

    molyzzx 评论0 收藏0
  • SegmentFault 技术周刊 Vol.32 - 七夕将至,你的“对象”还好吗?

    摘要:很多情况下,通常一个人类,即创建了一个具体的对象。对象就是数据,对象本身不包含方法。类是相似对象的描述,称为类的定义,是该类对象的蓝图或原型。在中,对象通过对类的实体化形成的对象。一类的对象抽取出来。注意中,对象一定是通过类的实例化来的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 马上就要到七夕了,离年底老妈老爸...

    李昌杰 评论0 收藏0
  • SegmentFault 技术周刊 Vol.32 - 七夕将至,你的“对象”还好吗?

    摘要:很多情况下,通常一个人类,即创建了一个具体的对象。对象就是数据,对象本身不包含方法。类是相似对象的描述,称为类的定义,是该类对象的蓝图或原型。在中,对象通过对类的实体化形成的对象。一类的对象抽取出来。注意中,对象一定是通过类的实例化来的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 马上就要到七夕了,离年底老妈老爸...

    Lyux 评论0 收藏0
  • SegmentFault 技术周刊 Vol.32 - 七夕将至,你的“对象”还好吗?

    摘要:很多情况下,通常一个人类,即创建了一个具体的对象。对象就是数据,对象本身不包含方法。类是相似对象的描述,称为类的定义,是该类对象的蓝图或原型。在中,对象通过对类的实体化形成的对象。一类的对象抽取出来。注意中,对象一定是通过类的实例化来的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 马上就要到七夕了,离年底老妈老爸...

    AaronYuan 评论0 收藏0
  • JS对象和jQuery对象

    摘要:原文地址对象和对象的区别对象和对象使用说明,需要的朋友可以参考下。同样,对象也不能使用方法。学习开始就应当树立正确的观念,分清对象和对象之间的区别,之后学习就会轻松很多的。 原文地址:http://www.cnblogs.com/yellow... DOM对象和JQuery对象的区别 jQuery对象和DOM对象使用说明,需要的朋友可以参考下。jQuery对象和DOM对象第一次学习jQ...

    mtunique 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<