這篇文章給大家介紹console命令怎么在JavaScript中使用，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營銷網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)泗陽,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

1.分類輸出

console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('錯(cuò)誤信息');

2.分組輸出

console.group('1');
 console.log("1-1");
 console.log("1-2");
console.groupEnd();
console.group('2');
 console.log("2-1");
 console.log("2-2");
console.groupEnd();

生成折疊的分組

console.group('1');
 console.log("1-1");
 console.log("1-2");
console.groupEnd();
console.group('2');
 console.log("2-1");
 console.log("2-2");
console.groupEnd();

嵌套

console.group('1');
 console.group("1-1");
  console.group("1-1-1");
   console.log('內(nèi)容');
  console.groupEnd();
 console.groupEnd();
 console.group("1-2");
  console.log('內(nèi)容');
  console.log('內(nèi)容');
 console.groupEnd();
console.groupEnd();
console.groupCollapsed('2');
 console.group("2-1");
 console.log('內(nèi)容');
 console.groupEnd();
 console.group("2-2");
 console.groupEnd();
console.groupEnd();

3.表格輸出

console.table()將傳入的對(duì)象，或數(shù)組以表格形式輸出

var Obj = {
 Obj1: {
  a: "a1",
  b: "b1",
  c: "c1"
 },
 Obj2: {
  a: "a2",
  b: "b2",
  c: "c2"
 },
 Obj3: {
  a: "a3",
  b: "b3",
  c: "c3"
 }
}
console.table(Obj);

var Arr = [
 ["a1","b1","c1"],
 ["a2","b2","c2"],
 ["a3","b3","c3"],
]
console.table(Arr);

4.查看對(duì)象

顯示一個(gè)對(duì)象的所有屬性和方法Console.dir()和Console.log()相同

var ss = {
 name: 'AA',
 title: 'title1', 
}
console.log("console.dir(ss)");
console.dir(ss);
console.log("console.log(ss)");
console.log(ss);

5.查看節(jié)點(diǎn)

Console.dirxml()顯示一個(gè)對(duì)象的所有屬性和方法