js的日志输出console.log 你真的会使用吗

深碍√TFBOYSˉ_ 2023-10-10 18:27 39阅读 0赞

在JavaScript中，可以使用console对象在控制台中输出信息。以下是一些常用的console方法：

1.  log(): 输出一般信息。

console.log("Hello World!");

1.  error(): 输出错误信息。

console.error("An error occurred!");

1.  warn(): 输出警告信息。

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

1.  info(): 输出一般信息。

console.info("Informational message.");

1.  clear(): 清除控制台中的所有内容。

console.clear();

1.  dir(): 输出指定对象的属性和方法。

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

1.  group(): 将日志分组输出。

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

--------------------

除了我们之前提到的常见方法外，console还提供了一些高级用法，如下所示：

1.  格式化输出 - %s 字符串 - %d、%i 整数 - %f 浮点数

console.log("My name is %s and I'm %d years old.", "John Doe", 30);
    console.log("The circumference of a circle with radius %d is %f.", 5, 2 * Math.PI * 5);

1.  计时器 - console.time()：开始计时 - console.timeEnd()：结束计时

console.time("test");
    for (let i = 0; i < 100000; i++) {
        
      // do something
    }
    console.timeEnd("test");

1.  断言 - console.assert()：如果条件不符合，则抛出异常

let age = 10;
    console.assert(age >= 18, "You must be 18 or older to access this page.");

1.  跟踪函数调用堆栈 - console.trace()：打印当前函数的调用堆栈信息

function foo() {
        
      function bar() {
        
        console.trace();
      }
      bar();
    }
    foo();

1.  自定义输出样式 - console.log() 和 console.error() 支持在输出的内容前添加样式，例如文本颜色、背景颜色和字体加粗等。

console.log("%cThis is a styled message!", "color: red; background-color: yellow; font-weight: bold;");

这些是console对象的高级用法，可以让我们更方便地调试和输出信息。

不过，需要注意的是，不同浏览器和环境下console对象的实现可能有所不同，使用时需要注意兼容性问题。

--------------------

如果您有小程序、APP、公众号、网站相关的需求，您可以通过私信来联系我

如果你有兴趣，可以关注一下我的综合公众号：biglead

js的日志输出console.log 你真的会使用吗

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 js的日志输出console.log 你真的会使用吗

相关 MySql 你真的会使用字符串索引吗？？？

相关你真的会正确使用日志吗？

相关你真的会正确使用日志吗？

相关你真的会使用数据库的索引吗？

相关你真的会使用XMLHttpRequest吗？

相关你真的会写Java吗?

相关你真的会使用 VMware Workstation 吗？

相关你真的会使用github吗？

相关你真的会正确使用日志吗？