JavaScript console 的用法

1 console.log

在console.log()中,可以用%s设置字符串,%i设置数字,%c设置自定义样式,console.log()接受的两个参数,前者是描述性的语言,而第二个参数是与第一个参数位置对应的字符console.log(' %c %s %s %s', 'color: yellow; background-color: black;', '–', '测试信息', '–');


2 console.table()

很多的时候,你可能会有一堆对象需要查看。可以用console.log把每一个对象都输出出来,也可以用console.table语句直接把所有的对象都直接输出成为一个表格


3 console.time()和console.timeEnd()

当想知道某些代码的执行时间的时候这个工具将会非常有用,特别是当你定位很耗时的循环的时候。

console.time(timer1)
arr1.foreach((i)=>{
  ...
});
console.timeEnd(timer1)

输出:timer1:13.3232343ms


4 console.trace()

console.trace()会显示函数调用的完整的堆栈轨迹信息


声明:本站所有文章,如无特殊说明或,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。本站所有图片如无特殊说明均为AI生成。
真诚赞赏,手留余香
赞赏
前端开发,前端
Vue3 挂载全局方法
2022-06-23
CSS,前端
使用 svg 作为背景图片
2022-06-24
Jone
在什么样的花园里面,挖呀挖呀挖
种什么样的种子,开什么样的花
随机推荐
curl 的用法指南
Node.js 控制台进度条实现原理
CRSF 跨站脚本攻击已死,使用 Same-Site Cookies 来防范 CSRF
JavaScript 和 CSS 检测横屏适配
RESTful API 执行 delete 返回204无法获取 Body
JavaScript 中 0.1 加 0.2 不等于 0.3 的原因和解决方法
MySQL 批量插入数据时如何解决重复问题
Git 放弃本地修改,强制和之前的某次提交同步
Linux apt 命令
MySQL 使用 DATE_FORMAT() 和 FROM_UNIXTIME() 格式化时间

微信联系我

夜间模式切换
回到顶部