只会用console.log()吗

了解console

1.关于console我们通常只知道有console.log这种用法,

	ok,让我们看一下关于console的一些其他的有趣用法。

2. console输出格式化

首先console.log()是我们都知道的。在里面我们一般都用于输出数据,其实在里面也可以设置输出的格式eg:console.log('hello i am a %s string','Word')或者console.log('%c I am a good boy','font-size:50px;color:green')
在这里插入图片描述

3console.warn()

eg:console.warn('hello word')用于在控制台输出黄色的警告
在这里插入图片描述

4.console.error

eg:console.error('hello word')用于在控制台输出黄色的警告
在这里插入图片描述

5console.info

eg:console.info('hello word i am ztl')与.log的效果一样在这里插入图片描述

6.console.assert (),接收两个参数

第一个是关于boolen的值是什么,如果为true则第二个参数执行eg:console.assert(1===2,'this is wrong')

在这里插入图片描述

7.console.clear()用于清空控制台的数据

在这里插入图片描述

8.console.dir()

eg:console.dir§用于将设置的对象,dump化获得详细信息

9.console.group()和console.groupEnder()

用于将同一对象类型做一个分类
eg:

 const dogs=[{name:'jack',age:13},{name:'lucy',age:12}] 
 dogs.forEach(dog=>{
            console.group(`${dog.name}`)
           console.log(`this is ${dog.name}`)
           console.log(`${dog.name} is ${dog.age} year ago`)
         console.log(`${dog.name} is ${dog.age*4} year ago`)
         console.groupEnd(`${dog.name}`)
     })

在这里插入图片描述

10. console.count()用于设置对输出相同数据的数据进行排序

 eg:console.count('wes')
        console.count('good')
      console.count('wes')
      console.count('wes')
     console.count('good')
     console.count('good')
      console.count('wes')
       console.count('good')

在这里插入图片描述

11. console.time()用于统计一段代码运行的时间

  eg: console.time('fetching data');
     fetch('https://api.github.com/users/wesbos')
      .then(data => data.json())
       .then(data => {
        console.timeEnd('fetching data');
        console.log(data);
       });

在这里插入图片描述

12. console.table( )

用于对输出的数据以表格的形式进行展示

eg:const dogs=[{name:'jack',age:13},{name:'lucy',age:12}] console.table(dogs);
在这里插入图片描述

  • 37
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 47
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 47
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言不及行yyds

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值