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 轻松支持函数重载 (Part 1 - 设计)
Aug 04 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
JS实现的适合做faq或menu滑动效果示例
Nov 17 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 Javascript
php中and 和 &&出坑指南
Jul 13 Javascript
微信小程序实现tab页面切换功能
Jul 13 Javascript
js验证账户名是否重复
May 26 Javascript
JS监听Esc 键触发事键
Apr 14 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和ACCESS写聊天室(一)
2006/10/09 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
Yii2.0 Basic代码中路由链接被转义的处理方法
2016/09/21 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
心扬JS分页函数代码
2010/09/10 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
JS实现拖拽的方法分析
2016/12/20 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
es6数据变更同步到视图层的方法
2019/03/04 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
Python Sleep休眠函数使用简单实例
2015/02/02 Python
Python编写生成验证码的脚本的教程
2015/05/04 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
python 实现返回一个列表中出现次数最多的元素方法
2019/06/11 Python
python爬虫之自制英汉字典
2019/06/24 Python
给 TensorFlow 变量进行赋值的方式
2020/02/10 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
市场营销大学生职业规划书
2014/02/25 职场文书
小学班级特色活动方案
2014/08/31 职场文书
客房部经理岗位职责
2015/02/02 职场文书
财务部会计岗位职责
2015/02/03 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
python字典进行运算原理及实例分享
2021/08/02 Python