js實(shí)現(xiàn)控制臺(tái)輸出的方法

js實(shí)現(xiàn)控制臺(tái)輸出的方法？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

 在js中，可以使用Console 對(duì)象來實(shí)現(xiàn)控制臺(tái)輸出，常用的控制臺(tái)輸出命令有：console.log()、 console.info()、console.error()、console.warn()等。

Console 對(duì)象

Console 對(duì)象是瀏覽器提供的一個(gè)內(nèi)置對(duì)象，是用于 JavaScript 調(diào)試，訪問調(diào)試控制臺(tái)的，原生的JS中默認(rèn)是沒有 Console 對(duì)象的。

常見的用途：

1、在網(wǎng)頁代碼運(yùn)行發(fā)生錯(cuò)誤時(shí)，顯示運(yùn)行的錯(cuò)誤信息。

2、提供了一個(gè)命令行接口，用來與網(wǎng)頁代碼互動(dòng)。

打開控制臺(tái)的方法：

1、通過F12鍵打開審核面板，在審核面板中選console面板，

2、通過點(diǎn)擊鼠標(biāo)右鍵，選擇審查元素（檢查）標(biāo)簽，在審核面板中選console面板

3、谷歌瀏覽器，按ctrl+shift+I，打開console面板。

控制臺(tái)輸出命令

下面我們來看看常用的控制臺(tái)輸出命令：

1、console.log()：在控制臺(tái)輸出一條消息。

語法：

console.log(object[, object, ...]);

注：當(dāng)有多個(gè)參數(shù)時(shí)，需要用空格隔開這些參數(shù)。

console.log()支持printf的占位符格式輸出，支持的占位符有：字符（%s）、整數(shù)（%d或%i）、浮點(diǎn)數(shù)（%f）和對(duì)象（%o）:

例：

console.log("%d年%d月%d日",2018,12,10);

輸出：

2、console.info()：在控制臺(tái)輸出一條消息。

console.info()是console.log() 別名，效果和console.log()相似。

例：

console.info(“消息”);
console.info("%d年%d月%d日",2018,12,10);

3、console.error()：輸出一條代表錯(cuò)誤的信息

在輸出信息時(shí)，會(huì)在最前面加一個(gè)紅色的叉，表示出錯(cuò)，同時(shí)會(huì)顯示錯(cuò)誤發(fā)生的堆棧。

例：

4、console.warn()：輸出警告信息

在輸出信息時(shí)，會(huì)在最前面加一個(gè)帶有感嘆號(hào)的黃色三角形，表示警告。

例：

5、console.assert()：判斷輸出

語法：

console.assert(表達(dá)式,字符串)

只有當(dāng)表達(dá)式的結(jié)果為false，才會(huì)輸出字符串，即拋出一個(gè)異常；否則不會(huì)有任何輸出結(jié)果。

例：

var year = 2014;
console.assert(year == 2018,"錯(cuò)誤" );

效果圖：

6、console.table()：將復(fù)合類型的數(shù)據(jù)轉(zhuǎn)為表格輸出顯示

例：

var arr= [ 
         { num: "1"},
         { num: "2"}, 
         { num: "3" }
    ];
console.table(arr);
var obj= {
     a:{ num: "1"},
     b:{ num: "2"},
     c:{ num: "3" }
     };
console.table(obj);

效果圖：

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)js實(shí)現(xiàn)控制臺(tái)輸出的方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。