console.log()是JavaScript中最常用的调试函数之一。它可以在控制台输出信息，方便开发者进行调试和错误排查。本文将详细介绍console.log()的使用方法以及相关的高级技巧。
基本使用
console.log()最基本的用法是输出字符串、数字、布尔值等基本类型数据。示例如下：
------------------- --------- -- ----- ---------------- -- ---- ------------------ -- -----
我们也可以在一个console.log()语句中输出多个值，并用逗号隔开：
---------------- ------ ---- ----
输出对象
console.log()也可以输出对象。当我们向console.log()传递一个对象时，它会自动将其转换为字符串并输出。示例如下：
----- --- - ------ -------- ---- ---- -----------------
输出结果如下：
------ -------- ---- ---
如果需要更加详细的输出，可以使用console.dir()函数：
-----------------
格式化输出
console.log()还支持格式化输出。其中最常用的是占位符%s，它会被后面的字符串替换。示例如下：
----- ---- - -------- ------------------- ----- ------
输出结果如下：
------ ------
除了%s，还支持以下占位符：
| 占位符 | 描述 |
|---|---|
%s |
字符串 |
%d |
数字 |
%f |
浮点数 |
%o |
对象 |
%c |
CSS样式 |
示例代码如下：
--------------- --- -- ---- ---- ---------------- ----- -- -- -- ---- --------- ------------------- ---- -- ------ ---- ----- ------- ---- ----------------- ----------
高级技巧
条件输出
console.log()可以根据条件输出不同的信息。例如，我们可以在开发环境中输出调试信息，在生产环境中关闭输出。示例如下：
-- --------------------- --- -------------- - ------------------ -------------- -
计时器
console.time()和console.timeEnd()函数可以用来计算代码执行时间。示例如下：
---------------------- -- ------ -------------------------
跟踪函数调用
console.trace()函数可以用来跟踪函数调用堆栈，方便定位错误。示例如下：
-------- ----- -
-------- ----- -
----------------
-
------
-
------输出结果如下：
--- - ------- --- - ------- ----------- - -------
总结
console.log()是JavaScript中最常用的调试函数之一。本文介绍了console.log()的基本用法、对象输出、格式化输出以及高级技巧，希望能够对开发者进行指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12775