console 速查手册：提升 JavaScript 开发效率

2023-10-29 00:30:41

好的，下面是 console 速查手册：

console.log()

console.log() 方法用于在控制台输出一条消息。它可以输出任何类型的数据，包括字符串、数字、布尔值、对象和数组。

console.log("Hello world!"); // 输出 "Hello world!"
console.log(123); // 输出数字 123
console.log(true); // 输出布尔值 true
console.log({name: "John Doe", age: 30}); // 输出一个对象
console.log(["apple", "banana", "orange"]); // 输出一个数组

console.error()

console.error() 方法用于在控制台输出一条错误消息。它可以输出任何类型的数据，包括字符串、数字、布尔值、对象和数组。

console.error("An error occurred!"); // 输出 "An error occurred!"
console.error(new Error("This is an error")); // 输出一个错误对象

console.warn()

console.warn() 方法用于在控制台输出一条警告消息。它可以输出任何类型的数据，包括字符串、数字、布尔值、对象和数组。

console.warn("Warning: This is a warning"); // 输出 "Warning: This is a warning"
console.warn(new Error("This is a warning")); // 输出一个警告对象

console.info()

console.info() 方法用于在控制台输出一条信息消息。它可以输出任何类型的数据，包括字符串、数字、布尔值、对象和数组。

console.info("Info: This is an info message"); // 输出 "Info: This is an info message"
console.info(new Error("This is an info message")); // 输出一个信息对象

console.table()

console.table() 方法用于在控制台输出一个表格。它可以将一个对象数组转换为一个表格，并显示每个对象的属性和值。

const data = [
  {name: "John Doe", age: 30},
  {name: "Jane Smith", age: 25},
  {name: "Michael Jones", age: 35}
];

console.table(data);

console.group() 和 console.groupEnd()

console.group() 和 console.groupEnd() 方法用于在控制台分组输出消息。它们可以将一组相关消息放在一起，便于查看和调试。

console.group("Group 1");
console.log("Message 1");
console.log("Message 2");
console.groupEnd();

console.group("Group 2");
console.log("Message 3");
console.log("Message 4");
console.groupEnd();

console.time() 和 console.timeEnd()

console.time() 和 console.timeEnd() 方法用于在控制台计时。它们可以测量一段代码的执行时间。

console.time("Timer 1");
// 执行一段代码
console.timeEnd("Timer 1");

console.assert()

console.assert() 方法用于在控制台输出一条断言消息。如果断言条件为假，则会输出消息并抛出错误。

console.assert(1 === 1, "1 is not equal to 1"); // 不输出消息，不抛出错误
console.assert(1 === 2, "1 is equal to 2"); // 输出 "Assertion failed: 1 is equal to 2", 抛出错误