JavaScript-console 对象

庞会
• 阅读 1706

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 控制台不完全指南

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
待兔 待兔
1年前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Karen110 Karen110
4年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
ZY ZY
4年前
js堆和栈
浅析js中堆内存和栈内存我们常遇见的varletconst区别cont定义的基本类型不能改变,但是定义的对象是可以通过修改对象属性等方法来改变的consta1;console.log(a)//a;cosnole.log(a2)//报错constb;b.name1;console.log(b)//name:1con
小嫌 小嫌
4年前
js中箭头函数在对象内部的继承
function函数functionPerson()this.name'Jack',this.age25,this.sayNamefunction()console.log(this.name)functioninner()console.log(this.n
小嫌 小嫌
4年前
Javascript中的变量提升
定义JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部一样。sayHi()//Hithere!functionsayHi()console.log('Hithere!')name'JohnDoe'console.log(name)//JohnDoevarn
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
4年前
ES6箭头函数与普通函数的区别
箭头函数:letfun(){console.log('lala');}普通函数functionfun(){console.log('lalla');}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一
Stella981 Stella981
4年前
JS 中的this指向问题和call、apply、bind的区别
this的指向问题一般情况下this对象指向调用函数的对象,全局环境中执行函数this对象指向window。functiona(){console.log(this);//输出函数a中的this对象}functionb(){};varc{name:"call"}
Stella981 Stella981
4年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable