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 parseInt("08")未指定进位制问题
Jun 19 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
基于JS2Image实现圣诞树代码
Dec 24 Javascript
JS实现小球的弹性碰撞效果
Nov 11 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
vue-router启用history模式下的开发及非根目录部署方法
Dec 23 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
Apr 09 Javascript
vue实现页面切换滑动效果
Jun 29 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版)
2006/10/09 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
php实现webservice实例
2014/11/06 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
基于jQuery的前端数据通用验证库
2011/08/08 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
javascript设计模式之中介者模式学习笔记
2017/02/15 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
Python模仿POST提交HTTP数据及使用Cookie值的方法
2014/11/10 Python
解决出现Incorrect integer value: '' for column 'id' at row 1的问题
2017/10/29 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
Python生成器generator用法示例
2018/08/10 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
sort命令的作用和用法
2013/08/25 面试题
自我推荐书
2013/12/04 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
优秀实习生感言
2014/03/01 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
机械专业求职信范文
2014/07/15 职场文书
医院党员公开承诺书
2014/08/30 职场文书
群众路线对照检查材料
2014/09/22 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
信息技术研修心得体会
2016/01/08 职场文书
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript