console的常用方法

最新推荐文章于 2025-03-20 18:34:14 发布

SYK---Programm

最新推荐文章于 2025-03-20 18:34:14 发布

阅读量733

点赞数

分类专栏：前端调试文章标签：前端开发语言

本文链接：https://blog.csdn.net/qq_62860882/article/details/128643427

版权

前端同时被 2 个专栏收录

25 篇文章

订阅专栏

调试

1 篇文章

订阅专栏

本文总结了前端开发中console对象的常用方法，包括log用于常规打印，table用于展示对象和数组，time/timeEnd用于计算时间，error和warn处理错误和警告，dir展示对象结构，count记录执行次数，以及trace追踪执行顺序。这些技巧有助于提升前端调试效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

console的常用方法🤓

这篇文章我们来总结一下前端常用的一些调试技巧。🤓🤓🤓🤓🤓

说到调试，我们避免不了console这个对象，在它身上有许多的方法，我们来看看最常用的几种。
在这里插入图片描述

1.万物皆可—log🧐

console.log()是一个通用的打印方案，可以用它打印任何东西，但有时候，我们需要打印对象，数组这类东西，这个就不太方便，这个时候，我们就可以用

2.对象数组—table🧐

console.table()是专门用来打印对象和数组的，他会制作成一个表格，然后很明确的可以看到里面的值

3.计算时间—time和timeEnd😲

console.time(相同名)记录开始时间

console.timeEnd(相同名)记录结束时间

4.红色警告—error和warn😤

console.error()打印报错信息

console.warn()打印警告信息

5.元素结构—dir✌

console.dir()对打印对象结构非常有用。

例如：console.dir(document.body)

6.执行次数—count✌

console.count()打印执行的次数，最长广泛应用于函数当中

7.追踪执行次数—trace🤝

我们知道，程序的执行次序主要是由堆栈来执行的。使用==console.trace()==可以追踪执行的顺序。

function a() {
    // a函数调用此方法
    console.trace();
}
// b调用a函数
function b() {
    a();
}
// 全局调用b函数
b();


at a (C:\Users\LENOVO\Desktop\正则表达式\02-正则表达式\04.js:3:13)
at b (C:\Users\LENOVO\Desktop\正则表达式\02-正则表达式\04.js:7:5)
at Object.<anonymous> (C:\Users\LENOVO\Desktop\正则表达式\02-正则表达式\04.js:10:1)