js实现console

控制台基础输出

使用 console.log() 是最常见的输出方法，适用于打印字符串、对象或变量值。例如：

console.log("Hello, World!"); // 输出字符串
const num = 42;
console.log("The answer is:", num); // 输出多个值

格式化输出

console 支持类似 printf 的格式化占位符：

console.log("User: %s, Age: %d", "Alice", 25); // %s=字符串, %d=数字
console.log("Object: %o", {id: 1}); // %o=格式化对象

调试辅助方法

console.debug() 用于开发调试，通常浏览器控制台可过滤此级别输出：

console.debug("Debug info");

console.dir() 以可折叠的树状结构显示对象属性：

console.dir(document.body);

警告与错误输出

console.warn() 显示黄色警告信息：

console.warn("Deprecated API used");

console.error() 显示红色错误信息，包含堆栈跟踪：

console.error("File not found");

性能测量

console.time() 和 console.timeEnd() 配对使用测量代码执行时间：

console.time("Array init");
const arr = new Array(1000000).fill(0);
console.timeEnd("Array init"); // 输出耗时

断言测试

console.assert() 在条件为假时输出错误信息：

const x = 5;
console.assert(x > 10, "x must be greater than 10");

表格展示

console.table() 以表格形式展示数组或对象：

const users = [{name: "John", age: 30}, {name: "Jane", age: 25}];
console.table(users);

分组输出

console.group() 创建可折叠的输出分组：

console.group("User Details");
console.log("Name: Alice");
console.log("Age: 28");
console.groupEnd();

样式定制

通过 %c 占位符添加CSS样式：

console.log("%cStyled text", "color: red; font-size: 20px;");

堆栈跟踪

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

function foo() { console.trace(); }
foo(); // 显示调用路径