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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
Feb 14 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
jquery简单图片切换显示效果实现方法
Jan 14 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
jsonp跨域请求实现示例
Mar 13 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
浅谈React之状态(State)
Sep 19 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 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/10/22 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
总结PHP删除字符串最后一个字符的三种方法
2016/08/30 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
Script的加载方法小结
2011/01/12 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
利用jQuery异步上传文件的插件用法详解
2017/07/19 jQuery
微信小程序实现多宫格抽奖活动
2020/04/15 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
如何用Node写页面爬虫的工具集
2018/10/26 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
python实现DES加密解密方法实例详解
2015/06/30 Python
Python中类的初始化特殊方法
2017/12/01 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
python如何控制进程或者线程的个数
2020/10/16 Python
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
土木工程师岗位职责
2013/11/24 职场文书
小区门卫管理制度
2014/01/29 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
国庆节活动总结
2014/08/26 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
2014年组织部工作总结
2014/11/14 职场文书
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python