你不知道的console的用法

1. console.log

对于需要查看多个变量的时候，我们可以使用 console.log({ }) 以 对象 的形式输出，方便查看；

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

效果图

console对象形式输出变量.png

---

2. console.table

对于数组的输出，为了方便我们查找定位字段，我们可以采用 console.table 以 表格 的形式输出，方便我们查看数组中 对象的字段信息 。

    var nameArr = [{
            id: "001",
            name: "李斯",
            sex: "男"
        },
        {
            id: "002",
            name: "张良",
            sex: "男"
        },
        {
            id: "003",
            name: "盖聂",
            sex: "男"
        },
        {
            id: "004",
            name: "卫庄",
            sex: "男"
        },
        {
            id: "005",
            name: "白凤",
            sex: "男"
        }
    ]
console.table(nameArr)

效果图

console表格形式输出数组.png

---

3. console.dir

打印页面的 DOM节点及对应属性。