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

翻譯 | 楊小二

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

輸出：

2、error方法

 console.error() 方法允許我們?cè)诳刂婆_(tái)中打印錯(cuò)誤消息。它將錯(cuò)誤消息作為一個(gè)參數(shù)。這種方法通常用于測(cè)試目的。

下面是一個(gè)例子：

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

輸出：

3、table方法

console.table() 方法允許我們?cè)诳刂婆_(tái)內(nèi)以表格的形式輕松打印對(duì)象和數(shù)組。

看看下面的例子：

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

輸出：

4、assert方法

console.assert() 方法允許我們根據(jù)條件將消息打印到控制臺(tái)。它需要兩個(gè)參數(shù)：如果第一個(gè)計(jì)算結(jié)果為 false，則打印第二個(gè)參數(shù)。

這是一個(gè)示例：

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

輸出：

如你所見(jiàn)，該方法返回了第二個(gè)參數(shù)的消息，因?yàn)榈谝粋€(gè)參數(shù)的計(jì)算結(jié)果為 false。我們的代碼中沒(méi)有 ID 為 btn 的元素。

5、dir方法

console.dir() 方法與對(duì)象一起使用。它識(shí)別對(duì)象并將它們打印為控制臺(tái)中的可擴(kuò)展列表。

下面是一個(gè)例子：

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

輸出：

6、count 和 countReset 方法

console.count() 方法允許計(jì)算 count() 被調(diào)用的次數(shù)。該方法正在計(jì)算本身。

下面是一個(gè)例子：

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

輸出：

如果我再次調(diào)用 console.count() ，它將返回默認(rèn)值：8 ，依此類推。

另一方面，我們將console.countReset() 方法計(jì)數(shù)器重置為 0。在我們的例子中，計(jì)數(shù)器現(xiàn)在是數(shù)字 8，如果我們調(diào)用 console.countReset() 方法，它會(huì)將計(jì)數(shù)器設(shè)置為0。

結(jié)論

正如你在上面的列表中看到的，這些是作為 JavaScript 開(kāi)發(fā)人員應(yīng)該知道的一些控制臺(tái)方法。它們?cè)谀承┱{(diào)試情況下非常有用。所以永遠(yuǎn)記住，不僅僅是 console.log() 。

感謝你閱讀這篇文章，我希望你覺(jué)得它有用。

學(xué)習(xí)更多技能

請(qǐng)點(diǎn)擊下方公眾號(hào)