关于控制台常用的console
1. <script>
2. console.log('控制台输出日志')
3. console.error('控制台输出错误')
4. console.warn('控制台输出警告')
5. console.debug('控制台输出测试')
6. console.info('控制台输出信息')
7.
8. var age = 3
9. var name = 'wangBaoQiang'
10. console.log('age:%d,name:%s,小数:%.3f',age,name,age)
11. console.log('age:' + age + 'name:' + name + '小数：' + age)
12. // %d 表示整数
13. // %s 表示字符串
14. // %.nf 表示小数 n 保留小数的位数
15.
16. </script>
1. var a = 4
2. var b =5
3.
4. console.assert(a + b == 8,'如果不对我给你100美元')
5. console.assert(Math.PI == 3.1415926,'如果不是 你比我精确')
6. // console.assert 断言 用来判断一个表达式或者变量是否为真
7. // 如果结果为假 则在控制台上输出一条相应信息 并且抛出一个异常
8. // 断言 通常用于自动化测试
9. function add(a,b){
10. return a + b
11. }
12. // 测试例子
13. console.assert(add(3,5) == 8,'未通过整数测试')
14. console.assert(add('bao','qiang') == 'baoqiang','未通过字符串测试')
15. console.assert(add(true,false) == false,'未通过布尔测试')
16.
17. var obj = new Object()
18. obj.name = 'wangBaoQiang'
19. obj.age = 30
20. obj.jsMale = true
21. console.log(obj)
22. console.dir(obj)
23. // dir 提示一个对象的信息 列出对象的属性 方法 类型等信息
24.
25. // 通过字面量的方法创建对象 字面量：值的直接表示法 var a = 3 3是字面量
26. var obj1 = {name:'wangbaoqiang',age:30,isMale:true}
27. console.dir(obj1)
28.
29. var me = {
30. name:'xiaoming',
31. age:3,
32. isMale:true,
33. course:{
34. name:'HTML5',
35. months:6
36. }
37. }
38. // var cname = me.course.name
39. console.dir(me)
40. console.dir(document)
41.
42. var div = document.querySelector('div')
43. console.dirxml(div)
44. // 可以在控制台上选择指定标签 也可以通过点击图标直接定位到标签的html代码
45.
46. // 性能测试
47. console.time('add')
48. add(2,6)
49. console.timeEnd('add')
50.
51. console.time('querySelector')
52. var div = document.querySelector('div')
53. console.timeEnd('querySelector')
54.
55. console.time('for')
56. var x = 1
57. for(var i = 0;i<100000;i++){
58. x +=1
59. }
60. console.timeEnd('for')
61.
62. // 分组
63. console.group('单元测试add方法')
64. console.assert(add(3,5) == 8,'未通过整数测试')
65. console.assert(add('bao','qiang') == 'baoqiang','未通过字符串测试')
66. console.assert(add(true,false) == false,'未通过布尔测试')
67. console.groupEnd()
68. console.log('分组完成')
69.
70. console.table(me)
71. // 只有Firefox最支持 方法把对象用表格的方式显示出来
72. // 这在显示数组或者格式一样的JSON对象非常有用