对于前端的各位工程师,必定不会对console生疏,然而,你又能理解多少呢,明天就让小鹏来一窥大前世界。

Chrome控制台-开发者工具

windows按F12, MAC按Command + Option + C或Command + Option + J, 即可关上控制台

1. 向 Web 控制台输入一条音讯

console.log('Hello world!');console.info('Hello world!');console.warn('Hello world!');console.error('Hello world!');console.debug('Hello world!');

2. console.dir() 显示一个对象对所有属性和办法

console.dir(document);

3. console.table() 将数据以表格的模式显示

这个办法须要一个必须参数data,data必须是一个数组或者一个对象

var names = [    {        name: "小明",        age: 20,        gender: '男'    },    {        name: "小红",        age: 18,        gender: '女'    },    {        name: "小李",        age: 22,        gender: '男'    }]console.table(names)

4. 计算操作占用的时常

留神:每一个定时器必须领有惟一的名字

console.time('timer');let count = 0;for (let i=0; i<100; i++) {    count++;}console.timeEnd('timer');

5. 输入被调用的次数

console.count() 此函数承受一个可选参数 label

let user = "";function greate () {    console.count(user);    return 'hi' + user;}user = 'Bob';// 此时的lable是Bobgreate();user = 'John';// 此时的lable是Johngreate();greate();console.count('John');

6. 判断断言是否为真

console.assert() 如果断言为false,则将一个谬误音讯写入控制台,如果断言为true。则没有任何反馈

console.assert(1==1, 'Success');console.assert(1==2, 'Error');

7. 分组

console.group()在控制台创立一个分组,直到调用console.groupEnd()之后分组完结

console.group('今日事项');    console.log('吃饭');    console.log('睡觉');    console.log('打豆豆');console.groupEnd();console.group('明日事项');    console.log('赏花');    console.log('赏月');    console.log('赏秋香');console.groupEnd();