js的控制台输出，平时除了用console.log外，你还知道哪些？使用console.log应该注意什么？

除了 console.log()，JavaScript 控制台还提供了许多其他输出方法，各有不同的用途：

其他输出方法：

console.info(): 用于输出信息性消息，通常在浏览器控制台中以蓝色"i"图标显示。功能上与console.log几乎相同。
console.warn(): 用于输出警告信息，通常在浏览器控制台中以黄色感叹号图标显示。
console.error(): 用于输出错误信息，通常在浏览器控制台中以红色"x"图标显示。
console.debug(): 用于输出调试信息，默认情况下在浏览器控制台中可能不显示，需要开启 verbose 模式。
console.table(): 将对象或数组以表格形式输出，便于查看复杂数据结构。尤其对于数组或对象数组非常有用。
console.group() 和 console.groupEnd(): 用于将相关的输出信息分组，使控制台输出更清晰。可以嵌套使用。
console.groupCollapsed() 和 console.groupEnd(): 与 console.group() 类似，但是默认折叠分组信息。
console.time() 和 console.timeEnd(): 用于计时，console.time() 开始计时，console.timeEnd() 结束计时并输出耗时。两者需要使用相同的标签。
console.trace(): 输出 JavaScript 调用栈，用于追踪代码执行路径，方便调试。
console.assert(): 断言，如果第一个参数为假，则输出第二个参数作为错误信息。用于在开发过程中进行简单的错误检查。
console.count(): 输出某个标签出现的次数，用于统计代码执行次数。
console.clear(): 清空控制台。

使用 console.log() 的注意事项：

性能影响: console.log() 会对性能造成一定影响，尤其是在循环中频繁调用时。在生产环境中，建议移除或禁用不必要的 console.log() 语句。可以使用工具或构建流程自动移除。
避免直接输出复杂对象: 对于复杂对象，直接使用 console.log() 输出可能会导致浏览器卡顿，建议先使用 JSON.stringify() 将对象转换为字符串再输出，或者使用 console.dir() 来查看对象的属性。console.table() 对于查看复杂对象数组也更加友好。
注意循环引用: 如果对象存在循环引用，直接使用 console.log() 可能会导致浏览器崩溃。
使用占位符: console.log() 支持类似 C 语言 printf() 的占位符，例如 console.log("The value of x is %d", x)，可以使输出更具可读性。也支持 %s, %f, %o, %O 等占位符。
利用样式: 可以使用 CSS 样式来美化控制台输出，例如 console.log("%c This is a styled message", "color: blue; font-size: 20px;")。
谨慎使用 console.log 进行调试: 虽然 console.log 很方便，但对于复杂的调试场景，建议使用浏览器的调试工具，例如断点、单步执行等，可以更有效地定位问题。