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 相关文章推荐
javascript拓展DOM操作 prependChild insertAfert
Nov 17 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
jquery代码规范让代码越来越好看
Feb 03 Javascript
微信小程序表单验证错误提示效果
May 19 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
JS常见构造模式实例对比分析
Aug 27 Javascript
详解Vue项目中实现锚点定位
Apr 24 Javascript
node.js中事件触发器events的使用方法实例分析
Nov 23 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
js实现详情页放大镜效果
Oct 28 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
如何隐藏你的.php文件
2007/01/04 PHP
简单的PHP多图上传小程序代码
2011/07/17 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
JavaScript实现MIPS乘法模拟的方法
2015/04/17 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
Python import自定义模块方法
2015/02/12 Python
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
Python实现网络端口转发和重定向的方法
2016/09/19 Python
Python实现 PS 图像调整中的亮度调整
2019/06/28 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Django+uni-app实现数据通信中的请求跨域的示例代码
2019/10/12 Python
使用python实现kNN分类算法
2019/10/16 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
.net开发工程师面试题
2014/02/25 面试题
英语系本科生个人求职信
2013/09/21 职场文书
售后服务科岗位职责范文
2013/11/13 职场文书
求职简历中个人的自我评价
2013/12/25 职场文书
班级聚会策划书
2014/01/16 职场文书