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拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
判断文件是否正在被使用的JS代码
Dec 21 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
js使用for循环与innerHTML获取选中tr下td值
Sep 26 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
javascript关于运动的各种问题经典总结
Apr 27 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
通过vue刷新左侧菜单栏操作
Aug 06 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如何解决网站大流量与高并发的问题
2011/06/25 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
js 走马灯简单实例
2013/11/21 Javascript
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
深入理解JS异步编程-Promise
2019/06/03 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
微信小程序实现分页加载效果
2020/11/19 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
Python实现JSON反序列化类对象的示例
2018/01/31 Python
Python装饰器知识点补充
2018/05/28 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
Python处理session的方法整理
2019/08/29 Python
基于Python解密仿射密码
2019/10/21 Python
Python利用Scrapy框架爬取豆瓣电影示例
2020/01/17 Python
python中K-means算法基础知识点
2021/01/25 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
毕业生自荐书模版
2014/01/04 职场文书
档案室主任岗位职责
2014/02/12 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
该怎么书写道歉信?
2019/07/03 职场文书
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python