console有哪些常用方法？

封面图 • 2025-11-18 • nodejs

在 JavaScript 中，`console` 是一个非常常用的调试工具，主要用于输出信息、日志、错误等。以下是 `console` 对象的一些**常用方法**：

---

### 1. **console.log()**
用于输出普通信息。

```javascript
console.log("Hello, world!");
```

---

### 2. **console.info()**
用于输出信息性消息（通常用于提示用户一些信息）。

```javascript
console.info("This is an info message.");
```

---

### 3. **console.warn()**
用于输出警告信息。

```javascript
console.warn("This is a warning!");
```

---

### 4. **console.error()**
用于输出错误信息。

```javascript
console.error("An error occurred!");
```

---

### 5. **console.debug()**
用于输出调试信息（某些浏览器中可能需要开启调试模式才能看到）。

```javascript
console.debug("Debugging information.");
```

---

### 6. **console.table()**
将数据以表格形式展示（适用于数组或对象）。

```javascript
const data = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 }
];
console.table(data);
```

---

### 7. **console.group() / console.groupEnd()**
将多个日志信息分组显示。

```javascript
console.group("User Info");
console.log("Name: Alice");
console.log("Age: 25");
console.groupEnd();
```

---

### 8. **console.time() / console.timeEnd()**
用于计算代码执行时间。

```javascript
console.time("Timer");
for (let i = 0; i < 1000000; i++) {}
console.timeEnd("Timer"); // 输出执行时间
```

---

### 9. **console.clear()**
清除控制台内容。

```javascript
console.clear();
```

---

### 10. **console.count()**
统计某个标签被调用的次数。

```javascript
console.count("count");
console.count("count");
// 输出：count: 2
```

---

### 11. **console.assert()**
断言条件是否为真，如果不为真则输出错误信息。

```javascript
console.assert(1 === 2, "1 is not equal to 2");
// 输出：Assertion failed: 1 is not equal to 2
```

---

### 12. **console.dir()**
以可交互的方式显示对象的属性（常用于查看 DOM 元素或对象结构）。

```javascript
const obj = { a: 1, b: 2 };
console.dir(obj);
```

---

### 13. **console.trace()**
输出当前函数调用栈的堆栈跟踪。

```javascript
function a() {
  console.trace("Trace from a()");
}
a();
```

---

### 14. **console.markTimeline() / console.timeline() / console.clearTimeline()**
用于性能分析（部分浏览器支持，如 Chrome）。

```javascript
console.markTimeline("Start");
// 一些操作...
console.markTimeline("End");
console.timeline(); // 查看时间线
```

---

## 📌 注意事项：
- 不同浏览器对 `console` 的支持略有差异。
- 在生产环境中应避免使用 `console.log()` 等输出，可以考虑使用日志库（如 `winston`、`log4js`）。

---

如果你是前端开发，掌握这些 `console` 方法能极大提升调试效率！需要我帮你写个例子吗？ 😊