console方法使用

在JavaScript中，console对象提供了多种方法来帮助开发者在控制台输出信息、调试代码等。以下是一些常用的console方法及其用法：

1. console.log()

   • 用于在控制台输出信息。
   • 可以输出字符串、数字、对象、数组等多种类型的数据。

   console.log("Hello, World!");
   console.log(123);
   console.log({name: "Alice", age: 25});
   console.log([1, 2, 3, 4, 5]);
   

2. console.error()

   • 用于输出错误信息，通常带有红色的错误标记。

   javascript复制代码
   
   console.error("This is an error message");
   

3. console.warn()

   • 用于输出警告信息，通常带有黄色的警告标记。

   javascript复制代码
   
   console.warn("This is a warning message");
   

4. console.info()

   • 用于输出一般信息，虽然和console.log类似，但在某些开发环境中可能有不同的显示格式。

   javascript复制代码
   
   console.info("This is an informational message");
   

5. console.table()

   • 用于以表格形式输出数组或对象的数据，适合查看结构化的数据。

   const people = [
     {name: "Alice", age: 25},
     {name: "Bob", age: 30},
     {name: "Charlie", age: 35}
   ];
   console.table(people);
   

6. console.group() 和 console.groupEnd()

   • 用于将输出的信息分组，便于查看嵌套或相关的日志信息。

   console.group("Outer Group");
   console.log("Outer Group Log");
    
   console.group("Inner Group");
   console.log("Inner Group Log");
   console.groupEnd(); // End Inner Group
    
   console.log("Outer Group Log Again");
   console.groupEnd(); // End Outer Group
   

7. console.time() 和 console.timeEnd()

   • 用于测量代码块的执行时间。

   console.time("loopTime");
   for (let i = 0; i < 1e6; i++) {
     // Some heavy computation
   }
   console.timeEnd("loopTime");
   

8. console.assert()

   • 用于断言表达式是否为真，如果为假则输出错误信息。

   const x = 5;
   console.assert(x === 10, "x is not equal to 10"); // This will output an error message
   

9. console.dir()

   • 用于输出对象的所有属性和方法，类似于console.log，但输出更详细的信息。

   const obj = {name: "Alice", age: 25, greet: function() { console.log("Hello!"); }};
   console.dir(obj);
   

10. console.clear()

    • 用于清空控制台的内容。

    javascript复制代码
    
    console.clear();
    

这些方法提供了丰富的调试和日志记录功能，可以帮助开发者更有效地跟踪和解决问题。在使用这些方法时，请根据实际情况选择合适的方法，以确保代码的可读性和可维护性。