JavaScript 中 console 有哪些 api

在JavaScript中,console对象提供了多个API用于在控制台输出信息、进行调试和性能分析等。下面是一些常用的console API:

  1. console.log(message1, message2, …):

    • 用于在控制台输出一般信息。

    • 示例:

      console.log("Hello, world!"); // Hello, world!
      

  1. console.error(error1, error2, …):

    • 用于在控制台输出错误信息。

    • 示例:

      console.error("Error: Something went wrong!"); // 错误信息:Error: Something went wrong!
      
  2. console.warn(warning1, warning2, …):

    • 用于在控制台输出警告信息。

    • 示例:

      console.warn("Warning: This operation is deprecated!"); // 警告信息:Warning: This operation is deprecated!
      

  1. console.info(info1, info2, …):

    • 用于在控制台输出一般信息。

    • 示例:

      console.info("Info: Here is some useful information."); // 一般信息:Info: Here is some useful information.
      

  1. console.debug(debug1, debug2, …):

    • 用于在控制台输出调试信息。

    • 示例:

      const x = 42;
      console.debug("Debug: Variable x =", x); // 调试信息:Debug: Variable x = 42
      

  1. console.table(data, columns):

    • 以表格形式输出数组或对象的内容。

    • 示例:

      const data = [
        { name: "John", age: 25 },
        { name: "Jane", age: 30 },
        { name: "Bob", age: 35 }
      ];
      console.table(data); // 一个表格显示数据
      

  1. console.clear():

    • 清除控制台的输出内容。

    • 示例:

      console.clear(); // 清除控制台的输出内容
      

  1. console.assert(expression, message):

    • 在条件表达式为false时,输出错误消息。

    • 示例:

      const x = 10;
      console.assert(x > 20, "Assertion failed: x must be greater than 20"); // 错误消息:Assertion failed: x must be greater than 20
      

  1. console.count(label):

    • 计数特定标签的输出次数。

    • 示例:

      console.count("Iteration"); // Iteration: 1
      console.count("Iteration"); // Iteration: 2
      console.count("Iteration"); // Iteration: 3
      


再来几个:

  1. console.time(label) 和 console.timeEnd(label):

    • 用于计算代码块的执行时间。

    • 示例:

      console.time("Timer");
      // 执行一些耗时操作
      console.timeEnd("Timer"); // 输出执行时间,例如:Timer: 123.456ms
      

  1. console.group(label) 和 console.groupEnd(label):

    • 创建一个分组,在控制台中组织和嵌套输出。

    • 示例:

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

  1. console.trace():

    • 输出当前的函数调用栈。

    • 示例:

      function func1() {
        func2();
      }
      
      function func2() {
        console.trace();
      }
      
      func1();
      

      输出:

      Trace
      at func2 
      at func1 
      

  1. console.dir(object):

    • 显示一个对象的属性和方法列表。

    • 示例:

      const person = {
        name: "John",
        age: 30,
        city: "New York"
      };
      
      console.dir(person);
      

      输出:

      {name: "John", age: 30, city: "New York"}
        age: 30
        city: "New York"
        name: "John"
        __proto__: Object
      

  1. console.profile([label]) 和 console.profileEnd([label]):

    • 启动和停止JavaScript CPU分析器的记录,用于性能分析。

    • 示例:

      console.profile("Profile");
      // 执行一些需要性能分析的操作
      console.profileEnd("Profile");
      

  1. console.timeStamp([label]):

    • 在浏览器的性能分析器中创建一个时间戳。

    • 示例:

      console.timeStamp("Start");
      // 执行一些操作
      console.timeStamp("End");
      

  1. console.memory:

    • 输出内存使用情况的相关信息。

    • 示例:

      console.memory; // 一个MemoryInfo对象
      

这些API可以帮助我们更深入地了解和优化代码。根据具体需求,选择适当API来完成相应的任务。

原文链接:https://juejin.cn/post/7243437099361959992 作者:施主来了

(0)
上一篇 2023年6月11日 上午11:13
下一篇 2023年6月12日 上午10:05

相关推荐

发表回复

登录后才能评论