1. console.log

對(duì)于需要查看多個(gè)變量的時(shí)候，我們可以使用 console.log({ }) 以 對(duì)象 的形式輸出，方便查看；

  var a = "0";
  var b = "1";
  var c = "2";
  var d = "3";
  console.log({a,b,c,d})

效果圖

console對(duì)象形式輸出變量.png

2. console.table

對(duì)于數(shù)組的輸出，為了方便我們查找定位字段，我們可以采用 console.table 以 表格 的形式輸出，方便我們查看數(shù)組中 對(duì)象的字段信息 。

    var nameArr = [{
            id: "001",
            name: "李斯",
            sex: "男"
        },
        {
            id: "002",
            name: "張良",
            sex: "男"
        },
        {
            id: "003",
            name: "蓋聶",
            sex: "男"
        },
        {
            id: "004",
            name: "衛(wèi)莊",
            sex: "男"
        },
        {
            id: "005",
            name: "白鳳",
            sex: "男"
        }
    ]
console.table(nameArr)

效果圖

console表格形式輸出數(shù)組.png

3. console.dir

打印頁(yè)面的 DOM節(jié)點(diǎn)及對(duì)應(yīng)屬性。