console 小记

分类输出

console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('错误信息');

分组输出
使用console.group()和console.groupEnd()包裹分组内容。
或使用console.groupCollapsed()来代替console.group()生成折叠的分组。
同时，console.group()支持嵌套

console.group('组1');console.log("1-1");console.log("1-2");console.log("1-3");
console.groupEnd();console.group('组2');console.log("2-1");console.log("2-2");console.log("2-3");
console.groupEnd();

表格输出
使用console.table()可以将传入的对象，或数组以表格形式输出。适合排列整齐的元素

var Obj = {Obj1: {a: "aaa",b: "bbb",c: "ccc"},Obj2: {a: "aaa",b: "bbb",c: "ccc"},Obj3: {a: "aaa",b: "bbb",c: "ccc"},Obj4: {a: "aaa",b: "bbb",c: "ccc"}
}console.table(Obj);var Arr = [["aa","bb","cc"],["dd","ee","ff"],["gg","hh","ii"],
]console.table(Arr);

查看对象
使用Console.dir()显示一个对象的所有属性和方法
在Chrome中Console.dir()和Console.log()效果相同

查看节点
使用Console.dirxml()显示一个对象的所有属性和方法

条件输出
利用console.assert(),可以进行条件输出。

当第一个参数或返回值为真时，不输出内容
当第一个参数或返回值为假时，输出后面的内容并抛出异常

console.assert(true, "--------true");
console.assert((function() { return true;})(), "========true");
console.assert(false, "--------false");
console.assert((function() { return false;})(), "=========false");

计次输出
使用Console.count()输出内容和被调用的次数

(function () {for(let i = 0; i < 6; i++){console.count("count：");}
})()

追踪调用堆栈
使用Console.trace()来追踪函数被调用的过程，在复杂项目时调用过程非常多。

计时功能
使用Console.time()和Console.timeEnd()包裹需要计时的代码片段，输出运行这段代码的事件。

Console.time()中的参数作为计时器的标识，具有唯一性。
Console.timeEnd()中的参数来结束此标识的计时器，并以毫秒为单位返回运行时间。

console.time("Chrome start");
for(var i = 0; i < 1000; i++) { }
console.timeEnd("Chrome start");

名字需一致

性能分析
使用Console.profile()和Console.profile()进行性能分析，查看代码各部分运行消耗的时间

格式化输出

占位符	含义
%s	字符串输出
%d or %i	整数输出
%f	浮点数输出
%o	打印javascript对象，可以是整数、字符串以及JSON数据

var arr = ["11111", "22222"];
console.log("第一个%s和第二个%s",arr[0],arr[1]);
console.log("圆周率整数部分：%d，带上小数是：%f",3.1415,3.1415);
var Obj = {name: "yyyyy",age: 14
}
console.log("Obj%o", Obj)

自定义样式
使用%c为打印内容定义样式,再输出信息前加上%c，后面写上标准的css样式，就可以为输出的信息添加样式了

console.log("%chello world", "color: #baf; font-weight: blod; font-size: 30px");

console 小记相关推荐

js小记 function 的 length 属性
原文:js小记 function 的 length 属性 [1,2,3].length 可以得到 3, "123".length 也可以得到 3,这个略懂js的都知道. 但是 ...
Linux日志系统小记
Linux日志系统小记概述:最近做ssh无密码认证实验时,在ssh服务配置文件中发现 authpriv,当时有种似曾相识的感觉.干脆就是复习了下syslogd这个daemon,又发现在Redhat ...
云音乐小程序开发知识小记（上）
云音乐小程序开发知识小记(上) 在云音乐小程序开发中学到的分上中下,因为本人也是在学习中,请多指教本次的**云音乐小程序开发知识小记(上)**主要涉及四个方面: 轮播图数字格式化处理自定义组件 ...
Vivado Tcl命令行模式小记
Vivado Tcl命令行模式小记在Tcl Console下运行作为参数运行实用tcl脚本在Tcl Console下运行使用vivado自带的tcl console运行Tcl脚本.在终端窗口 ...
JavaScript小记（持续更新）
注意:(2020.01.14) 后续将都在我的学习笔记文档 - JavaScript小记中进行更新,该文章不再更新,请持续关注上述网页学习js遇到的疑问和js基础都记录在这里,持续更新中. 2019 ...
JavaScript __ 对象小记
JavaScript __ 对象小记文章目录 JavaScript __ 对象小记前言一.对象的组成二.JavaScript中的三种对象 1.自定义对象三种创建对象的方法 1)字面量创建对象 ...
终端(terminal)、tty、shell、控制台（console）、bash之间的区别与联系
1.终端(terminal) 终端(termimal)= tty(Teletypewriter, 电传打印机),作用是提供一个命令的输入输出环境,在linux下使用组合键ctrl+alt+T打开的就是 ...
linux终端字体大小6,[adminitrative][archlinux][setfont] 设置console的字体大小
电脑的分辨率高了之后,用命令行进入的时候,完全看不清楚,是否容易导致眼瞎. 第一步便把字体调大就成了很必要的操作. 使用一个命令能马上生效: setfont 使用配置文件 /etc/vconsole. ...
清空控制台Console.log()信息
/*清空控制台信息*/function clearConsole() {console.clear();let fontFamily = "微软雅黑";let fontSize = ...

console 小记

console 小记相关推荐

最新文章

热门文章