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 对象的定义方法
Jan 10 Javascript
Jquery 基础学习笔记
May 29 Javascript
js控制input输入字符解析
Dec 27 Javascript
父节点获取子节点的字符串示例代码
Feb 26 Javascript
实例讲解JS中数组Array的操作方法
May 09 Javascript
JavaScript中定义函数的三种方法
Mar 12 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
Javascript页面跳转常见实现方式汇总
Nov 28 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
Feb 13 Javascript
webpack热模块替换(HMR)/热更新的方法
Apr 05 Javascript
微信小程序8种数据通信的方式小结
Feb 03 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加密解密函数Authcode()修复版代码
2015/04/05 PHP
CI框架中$this->load->library()用法分析
2016/05/18 PHP
详解PHP中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
常用PHP封装分页工具类
2017/01/14 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
JavaScript的eval JSON object问题
2009/11/15 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
浅析hasOwnProperty方法的应用
2013/11/20 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
Javascript中的Callback方法浅析
2015/03/15 Javascript
Javascript实现飞动广告效果的方法
2015/05/25 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
layer.open 按钮的点击事件关闭方法
2018/08/17 Javascript
Python开发WebService系列教程之REST,web.py,eurasia,Django
2014/06/30 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
应届生会计求职信
2013/11/11 职场文书
酒店执行总经理岗位职责
2013/12/15 职场文书
中专生求职自荐信范文
2013/12/22 职场文书
高中数学教学反思
2014/01/30 职场文书
2014年三八妇女节活动方案
2014/02/28 职场文书
《搭石》教学反思
2014/04/07 职场文书
减负增效提质方案
2014/05/23 职场文书
国际贸易专业求职信
2014/06/04 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
趣味运动会口号
2015/12/24 职场文书