js中console在一行内打印字符串和对象的方法


Posted in Javascript onSeptember 10, 2019

在前端开发中,大多数的调试一般都是F12中的console和network中查看请求数据和响应数据,也有一部分人喜欢用debugger。

在开发大一些的项目时,在开发环境下,打开着控制台,切换一下页面总是充满着各种console,而且还是很多行,有一部分原因是有下面我写的这样的。

js中console在一行内打印字符串和对象的方法

就是因为如果在同一行内同时打印字符串和对象的话,我们会想到如下的拼接 但是对象会调用原型中toString()方法,让我们看起来就难受了。

console.log('上传结果' + {obj: '对象', name:'臧三'});

js中console在一行内打印字符串和对象的方法

昨天在开发程序的时候查看了一下企业微信的后台,看到他的console的同一行中同时打印了字符串和对象,就想到原来是可以在同一行打印的。

之前想到的有时候查看的时候调用一下 JSON.stringtify()方法,但是这样当对象复杂的时候,就不利于查看和调试了。

console.log('上传结果' + JSON.stringify({obj: '对象', name:'张三'}));

js中console在一行内打印字符串和对象的方法

我感觉写的有点??铝耍?髅骶褪窃俳惨桓龆汉诺氖虑椋?愀?页墩饷炊嗝挥玫墓???/p>

看一下这样的效果,如果是这样的打印的话我感觉还会清晰很多,而且console的行的数目也会少一些。

js中console在一行内打印字符串和对象的方法

具体的做法就是在console的各个参数之间加上一个逗号,

console.log('上传结果' , {obj: '对象', name:'张三'});

总结

以上所述是小编给大家介绍的js中console在一行内打印字符串和对象的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
js下通过getList函数实现分页效果的代码
Sep 17 Javascript
jquery 年会抽奖程序
Dec 22 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
Jquery.addClass始终无效原因分析
Sep 08 Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 #Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 #Javascript
es6中reduce的基本使用方法
Sep 10 #Javascript
layui导出所有数据的例子
Sep 10 #Javascript
解决layui-open关闭自身窗口的问题
Sep 10 #Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 #Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 #Javascript
You might like
如何使用php实现评委评分器
2015/07/31 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
vue二级路由设置方法
2018/02/09 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python中使用PIL制作并验证图片验证码
2018/03/15 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
keras 权重保存和权重载入方式
2020/05/21 Python
一文读懂python Scrapy爬虫框架
2021/02/24 Python
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
小班幼儿评语大全
2014/04/30 职场文书
运动会演讲稿
2014/05/07 职场文书
2014年幼师工作总结
2014/11/22 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
健康证明
2015/06/19 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL
分享几个实用的CSS代码块
2022/06/10 HTML / CSS