window对象控制台 console

关于控制台常用的console

<script>
console.log('控制台输出日志')
console.error('控制台输出错误')
console.warn('控制台输出警告')
console.debug('控制台输出测试')
console.info('控制台输出信息')
var age = 3
var name = 'wangBaoQiang'
console.log('age:%d,name:%s,小数:%.3f',age,name,age)
console.log('age:' + age + 'name:' + name + '小数：' + age)
// %d 表示整数
// %s 表示字符串
// %.nf 表示小数 n 保留小数的位数
</script>

var a = 4
var b =5
console.assert(a + b == 8,'如果不对我给你100美元')
console.assert(Math.PI == 3.1415926,'如果不是你比我精确')
// console.assert 断言用来判断一个表达式或者变量是否为真
// 如果结果为假则在控制台上输出一条相应信息并且抛出一个异常
// 断言通常用于自动化测试
function add(a,b){
return a + b
}
// 测试例子
console.assert(add(3,5) == 8,'未通过整数测试')
console.assert(add('bao','qiang') == 'baoqiang','未通过字符串测试')
console.assert(add(true,false) == false,'未通过布尔测试')
var obj = new Object()
obj.name = 'wangBaoQiang'
obj.age = 30
obj.jsMale = true
console.log(obj)
console.dir(obj)
// dir 提示一个对象的信息列出对象的属性方法类型等信息
// 通过字面量的方法创建对象字面量：值的直接表示法 var a = 3 3是字面量
var obj1 = {name:'wangbaoqiang',age:30,isMale:true}
console.dir(obj1)
var me = {
name:'xiaoming',
age:3,
isMale:true,
course:{
name:'HTML5',
months:6
}
}
// var cname = me.course.name
console.dir(me)
console.dir(document)
var div = document.querySelector('div')
console.dirxml(div)
// 可以在控制台上选择指定标签也可以通过点击图标直接定位到标签的html代码
// 性能测试
console.time('add')
add(2,6)
console.timeEnd('add')
console.time('querySelector')
var div = document.querySelector('div')
console.timeEnd('querySelector')
console.time('for')
var x = 1
for(var i = 0;i<100000;i++){
x +=1
}
console.timeEnd('for')
// 分组
console.group('单元测试add方法')
console.assert(add(3,5) == 8,'未通过整数测试')
console.assert(add('bao','qiang') == 'baoqiang','未通过字符串测试')
console.assert(add(true,false) == false,'未通过布尔测试')
console.groupEnd()
console.log('分组完成')
console.table(me)
// 只有Firefox最支持方法把对象用表格的方式显示出来
// 这在显示数组或者格式一样的JSON对象非常有用

发送评论编辑评论

发送评论 编辑评论

推荐文章

发送评论编辑评论