如何使用 JS 控制台日志 - JavaScript

简介

JavaScript 控制台日志是开发过程中非常有用的一个工具，可以帮助开发人员快速定位问题和调试代码。控制台日志可以输出各种类型的信息，比如普通的字符串、变量、对象和数组等等。在 JavaScript 中，我们可以使用 console 对象来输出控制台日志。

输出控制台日志

输出普通字符串

可以使用 console.log() 函数输出普通字符串到控制台：

console.log("Hello World!");

输出结果：

Hello World!

输出变量

可以输出变量到控制台：

const a = 123;
console.log(a);

输出结果：

123

输出对象

可以输出对象到控制台：

const obj = { name: "Tom", age: 18 };
console.log(obj);

输出结果：

{ name: "Tom", age: 18 }

输出数组

可以输出数组到控制台：

const arr = [1, 2, 3];
console.log(arr);

输出结果：

[1, 2, 3]

输出格式化字符串

可以使用 %s、%d、%f 和 %o 等占位符来格式化输出字符串：

const name = "Tom";
const age = 18;
const height = 1.75;
console.log("My name is %s, I'm %d years old and %f meters tall.", name, age, height);

输出结果：

My name is Tom, I'm 18 years old and 1.75 meters tall.

输出警告信息

可以使用 console.warn() 函数输出警告信息到控制台：

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

输出结果：

This is a warning message!

输出错误信息

可以使用 console.error() 函数输出错误信息到控制台：

console.error("This is an error message!");

输出结果：

This is an error message!

控制台日志的其他用法

除了输出控制台日志外，console 对象还提供了其他的方法，例如 console.clear() 函数可以清除控制台上的所有输出：

console.clear();

console.count() 函数可以输出一个计数器，用来计数某个事件发生的次数：

console.count("click");
console.count("click");
console.count("click");

输出结果：

click: 1
click: 2
click: 3

console.table() 函数可以输出一个对象或数组的表格形式：

const users = [
  { name: "Tom", age: 18 },
  { name: "Jerry", age: 20 },
  { name: "Mary", age: 22 }
];
console.table(users);

输出结果：

| (index) | name | age | | ------- | ------ | ---- | | 0 | Tom | 18 | | 1 | Jerry | 20 | | 2 | Mary | 22 |

总结

控制台日志是 JavaScript 开发过程中一个非常有用的工具，可以帮助开发人员快速定位问题和调试代码。除了输出控制台日志外，console 对象还提供了其他的方法，用来辅助开发调试。要想掌握 JavaScript 开发技能，掌握控制台日志的使用是非常重要的一步。