js实现console

console.log 基础用法

在 JavaScript 中，console.log() 是最常用的调试方法，用于在控制台输出信息。基本语法如下：

console.log('Hello, World!');

输出变量或表达式：

const name = 'Alice';
console.log('Name:', name);

格式化输出

可以使用占位符进行格式化输出：

const age = 25;
console.log('%s is %d years old', 'Alice', age);

常用占位符：

• %s 字符串
• %d 或 %i 整数
• %f 浮点数
• %o 可展开的 DOM 元素
• %O 可展开的 JavaScript 对象
• %c CSS 样式

其他 console 方法

console 对象还提供了多种其他方法：

console.debug('Debug message');
console.info('Informational message');
console.warn('Warning message');
console.error('Error message');

表格形式输出

对于数组或对象，可以使用 console.table() 以表格形式显示：

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 }
];
console.table(users);

分组输出

使用 console.group() 和 console.groupEnd() 创建可折叠的输出组：

console.group('User Details');
console.log('Name: Alice');
console.log('Age: 25');
console.groupEnd();

计时功能

测量代码执行时间：

console.time('Timer');
// 执行一些代码
console.timeEnd('Timer');

样式化输出

使用 %c 占位符添加 CSS 样式：

console.log('%cStyled message', 'color: red; font-weight: bold;');

断言测试

console.assert() 只在条件为 false 时输出消息：

const x = 5;
console.assert(x > 10, 'x is not greater than 10');

清空控制台

使用 console.clear() 清空控制台：

console.clear();

堆栈跟踪

console.trace() 输出当前的调用堆栈：

function foo() {
  console.trace();
}
foo();

这些方法为 JavaScript 开发者提供了强大的调试工具，可以根据不同场景选择合适的 console 方法进行调试和输出信息。