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

怼烎@ 2022-09-08 00:22 162阅读 0赞

![28e7b12dfd5524022fffa832253eafd2.png][]

英文 | https://javascript.plainenglish.io/6-powerful-javascript-console-methods-that-you-probably-dont-know-a20952bac33c

翻译 | 杨小二

JavaScript 是当今流行的编程语言，尤其是在 Web 开发领域。你可以轻松地在浏览器中运行 JavaScript 代码。除此之外，你还可以在代码中使用许多方法和函数。

控制台方法是其中的一部分，它们允许你在浏览器中轻松调试代码。控制台对象有很多方法可以使用，而不仅仅是许多开发人员使用的 console.log() 。

所以在这篇文章中，我们将学习一些你可能不知道的 JavaScript 控制台方法。让我们开始吧。

**1、warn方法**

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

下面是一个例子：

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

输出：

![d6a9f6627e6c509ceeee8af9cfdb9621.png][]

**2、error方法**

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

下面是一个例子：

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

输出：

![ff46030eac084a5b8712c385d2b50f3e.png][]

**3、table方法**

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

看看下面的例子：

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

输出：

![e4dd4aa7f8027a723bbf13741f90df6f.png][]

**4、assert方法**

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

这是一个示例：

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

输出：

![4a4345e082bd9813b990cf21d90f4a1d.png][]

如你所见，该方法返回了第二个参数的消息，因为第一个参数的计算结果为 false。我们的代码中没有 ID 为 btn 的元素。

**5、dir方法**

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

下面是一个例子：

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

输出：

![07b220f889d218ab5756a95df96fa988.png][]

**6、count 和 countReset 方法**

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

下面是一个例子：

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

输出：

![c62c81cef5d00f0d0a33ae2a9a025571.png][]

如果我再次调用 console.count() ，它将返回默认值：8 ，依此类推。

另一方面，我们将console.countReset() 方法计数器重置为 0。在我们的例子中，计数器现在是数字 8，如果我们调用 console.countReset() 方法，它会将计数器设置为0。

**结论**

正如你在上面的列表中看到的，这些是作为 JavaScript 开发人员应该知道的一些控制台方法。它们在某些调试情况下非常有用。所以永远记住，不仅仅是 console.log() 。

感谢你阅读这篇文章，我希望你觉得它有用。

#  #

**学习更多技能**

**请点击下方公众号**

![ec32f54458f3167a639f5b7908d8bfd5.gif][]

![fd6935d0a8df828d1d906007464c41e7.png][]

![0916c9e0a0730aa77e0b02788993c068.png][]

[28e7b12dfd5524022fffa832253eafd2.png]: /images/20220829/36608a5beda04c86ad22310e7d40344d.png
[d6a9f6627e6c509ceeee8af9cfdb9621.png]: /images/20220829/48d7052dce3842898e6f27c0ccb9cca3.png
[ff46030eac084a5b8712c385d2b50f3e.png]: /images/20220829/aac752e3f9e5455085cae261e1b6db53.png
[e4dd4aa7f8027a723bbf13741f90df6f.png]: /images/20220829/52789e67a11d422291bd44e7a27fd3bf.png
[4a4345e082bd9813b990cf21d90f4a1d.png]: /images/20220829/660a3d36333e40f6ada07a7d7c3f409a.png
[07b220f889d218ab5756a95df96fa988.png]: /images/20220829/b73807dce4454050965c69416d71cafa.png
[c62c81cef5d00f0d0a33ae2a9a025571.png]: /images/20220829/909f59fa422c49dbae7ace20c2d9629c.png
[ec32f54458f3167a639f5b7908d8bfd5.gif]: /images/20220829/1f1f3e7d77e54a2383f1a707b7fa6550.png
[fd6935d0a8df828d1d906007464c41e7.png]: /images/20220829/b964297121df45e5bfc2173405026a0b.png
[0916c9e0a0730aa77e0b02788993c068.png]: /images/20220829/b6ef3ff30af743b986c283d3cfe0bb93.png