初学JavaScript之console 应用

console 对象在 JavaScript 中用于向开发者控制台输出信息，这对于调试和日志记录非常有用。以下是一些常用的 console 方法及其用法：

1. console.log()

最常用的方法，用于输出一般信息。

console.log('Hello, World!'); console.log('The answer is', 42);

2. console.error()

用于输出错误信息，通常在调试过程中标记错误或异常情况。

console.error('This is an error message');

3. console.warn()

用于输出警告信息。

console.warn('This is a warning message');

4. console.info()

类似于 console.log()，但用于输出一般信息。

console.info('This is an info message');

5. console.debug()

用于输出调试信息，在某些浏览器中默认情况下可能不会显示，需要打开控制台的调试级别。

console.debug('This is a debug message');

6. console.table()

以表格的形式输出数组或对象，便于查看数据结构。

const animals = [
  { name: 'Cat', legs: 4 },
  { name: 'Spider', legs: 8 },
  { name: 'Dog', legs: 4 }
];
console.table(animals);

7. console.group() 和 console.groupEnd()

将相关的消息分组显示，可以嵌套使用。

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

8. console.time() 和 console.timeEnd()

用于计时，可以测量代码的执行时间。

console.time('Timer');
for (let i = 0; i < 1000000; i++) {
    // some code to measure
}
console.timeEnd('Timer'); // Outputs: Timer: 15.38ms (example output)

9. console.assert()

用于在条件为 false 时输出信息。

let isFalse = false;
console.assert(isFalse, 'This will be logged because the condition is false');

10. console.clear()

清空控制台。

console.clear();

11. console.count() 和 console.countReset()

用于计数，帮助跟踪代码被调用的次数。

function myFunction() {
  console.count('myFunction called');
}
myFunction();
myFunction();
console.countReset('myFunction called');
myFunction();

12. console.trace()

打印当前的堆栈跟踪信息，有助于调试代码。

function funcA() {
  funcB();
}

function funcB() {
  console.trace('Trace message');
}

funcA();
 

通过这些方法，你可以更加方便地调试 JavaScript 代码，并且更好地理解代码的执行流程和状态。