程序开发

window对象 控制台 console

关于控制台常用的console

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关推荐