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());