对于前端的各位工程师,必定不会对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();