6 个你可能不知道的强大 JavaScript 控制台方法

warn方法

console.warn() 方法用于在浏览器控制台中显示警告 它需要一个参数(警告文本)

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

在这里插入图片描述

error方法

console.error() 方法允许我们在控制台中打印错误消息。它将错误消息作为一个参数。
这种方法通常用于测试目的。

console.error("This is a error message");

在这里插入图片描述

table方法

console.table() 方法允许我们在控制台内以表格的形式轻松打印对象和数组

console.table({
    
    Name:"Alex", Age: 25});

在这里插入图片描述

assert方法

console.assert() 方法允许我们根据条件将消息打印到控制台。它需要两个参数:如果第一个计算结果为 false,则打印第二个参数。

console.assert(document.getElementById("btn"), "There is no element with ID btn");

在这里插入图片描述

dir方法

console.dir() 方法与对象一起使用。它识别对象并将它们打印为控制台中的可扩展列表

const person = {
    
    name: 'John', age: 17, friends: ['Zulie', 'James', 'Alex']};
console.dir(person);

在这里插入图片描述

count 和 countReset 方法

console.count() 方法允许计算 count() 被调用的次数。该方法正在计算本身

for (let i = 0; i <= 6; i++){
    
    
 console.count();
}

如果我再次调用console.count(),它将返回默认值:8 ,依此类推
另一方面,我们将console.countReset()方法计数器重置为 0。
在我们的例子中,计数器现在是数字 8,如果我们调用console.countReset()方法,它会将计数器设置为0
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45959525/article/details/119908346