js - console
js - console
参考资料
JavaScript Console 对象
Node.js console.debug()用法及代码示例
nodejs.org
console.log输出字体颜色
5分钟教你使用 console.log 输出五彩斑斓的黑
Console 对象方法
assert()
assert方法接受两个参数，第一个参数是表达式，第二个参数是字符串。只有当第一个参数为false，才会输出第二个参数，否则不会有任何结果。
// 实例
console.assert(true === false, "判断条件不成立")
// Assertion failed: 判断条件不成立
console.assert(false, "判断条件不成立")
// Assertion failed: 判断条件不成立
console.assert(true, "判断条件不成立")
//
clear()
清除当前控制台的所有输出，将光标回置到第一行。
console.clear()
count()
用于计数，输出它被调用了多少次。
(function() {
for (var i = 0; i < 5; i++) {
console.count('count');
}
})();
// count: 1
// count: 2
// count: 3
// count: 4
// count: 5
error()
输出信息时，在最前面加一个红色的叉，表示出错，同时会显示错误发生的堆栈。
console.error("Error: %s (%i)", "Server is not responding",500)
// Error: Server is not responding (500)
group() groupCollapsed() groupEnd()
- group 用于将显示的信息分组，可以把信息进行折叠和展开。
- groupCollapsed 与console.group方法很类似，唯一的区别是该组的内容，在第一次显示时是收起的（collapsed），而不是展开的。
- groupEnd 结束内联分组
// group
console.group('第一层');
console.group('第二层');
console.log('error');
console.error('error');
console.warn('error');
console.groupEnd();
console.groupEnd();
// groupCollapsed
console.groupCollapsed('第一层');
console.groupCollapsed('第二层');
console.log('error');
console.error('error');
console.warn('error');
console.groupEnd();
console.groupEnd();
info()
console.log 别名，输出信息
console.info("runoob")
log()
输出信息
console.log("runoob")
table()
将复合类型的数据转为表格显示。
var arr= [
{ num: "1"},
{ num: "2"},
{ num: "3" }
];
console.table(arr);
var obj= {
a:{ num: "1"},
b:{ num: "2"},
c:{ num: "3" }
};
console.table(obj);
console.table([{ a: 1, b: 'Y' }, { a: 'Z', b: 2 }]);
// ┌─────────┬─────┬─────┐
// │ (index) │ a │ b │
// ├─────────┼─────┼─────┤
// │ 0 │ 1 │ 'Y' │
// │ 1 │ 'Z' │ 2 │
// └─────────┴─────┴─────┘
console.table([{ a: 1, b: 'Y' }, { a: 'Z', b: 2 }], ['a']);
// ┌─────────┬─────┐
// │ (index) │ a │
// ├─────────┼─────┤
// │ 0 │ 1 │
// │ 1 │ 'Z' │
// └─────────┴─────┘
time() timeEnd()
计时开始 计时结束
console.time('计时器1');
for (var i = 0; i < 100; i++) {
for (var j = 0; j < 100; j++) {}
}
console.timeEnd('计时器1');
console.time('计时器2');
for (var i = 0; i < 1000; i++) {
for (var j = 0; j < 1000; j++) {}
}
console.timeEnd('计时器2');
trace()
追踪函数的调用过程
function d(a) {
console.trace();
return a;
}
function b(a) {
return c(a);
}
function c(a) {
return d(a);
}
var a = b('123');
warn()
输出警告信息
console.warn("警告")
debug()
控制台模块的内置应用程序编程接口，用于将消息打印到换行符中的stdout。与console.log()方法类似。
console.debug(data, args);
参数：此方法具有上述和以下所述的两个参数：
- data:此参数指定要打印的数据。
- args:这是可选参数，用于指定要作为替换值在传递给数据的消息中传递的参数。所有传递的参数均发送到util.format()。
返回值：此方法不会返回任何内容，只会在换行符中将格式化后的消息打印到stdout。
以下示例说明了Node.js中console.debug()方法的用法：
// app.js
// Accessing console module
const console = require('console');
// Calling console.debug()
console.debug("This is a sample debug message!");
console.debug("Sample debug message with args:%d", 39);
// 使用以下命令运行app.js文件：
node app.js
// 输出：
This is a sample debug message!
Sample debug message with args:39
注意：上面的程序将通过使用以下命令进行编译和运行node filename.js命令。
占位符
| 占位符 | 作用 |
|---|---|
| %s | 字符串 |
| %d | or %i 整数 |
| %f | 浮点数 |
| %o | 可展开的DOM |
| %O | 列出DOM的属性 |
| %c | 根据提供的css样式格式化字符串 |
// %c表示css样式
console.log('%cHello', 'color: #43bb88;font-size: 24px;font-weight: bold;text-decoration: underline;');
// **更灵活的调用 console 方法**
// 通过观察上面的用法，我们发现如果我们需要给同一个字符串添加更多的 CSS 效果，我们需要编辑 log 的第二个参数，而如果需要把两个有颜色的字符串拼接到一起，则需要修改第一参数，并且添加一个第三参数。
console.log(`%c123%c456`,'color: blue;','color: green;')
// %d表示数字
console.log('%d', 123);
// %i表示整型数字
console.log('%i', 123);
// %o表示DOM元素
console.log('%o', document.body);
// %O表示javascript对象
console.log('%O', new Date());
Lee2
