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

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

log(): 输出一般信息。

console.log("Hello World!");

error(): 输出错误信息。

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

warn(): 输出警告信息。

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

info(): 输出一般信息。

console.info("Informational message.");

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

console.clear();

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

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

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

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

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

格式化输出 - %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);

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

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

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

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

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

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

自定义输出样式 - 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 你真的会使用吗

猜你喜欢