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 相关文章推荐
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
javascript实现简单的分页特效
Aug 12 Javascript
jquery遍历函数siblings()用法实例
Dec 24 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
Node.js安装配置图文教程
May 10 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
一个基于react的图片裁剪组件示例
Apr 18 Javascript
浅谈vue父子组件怎么传值
Jul 21 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 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
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
php中array_slice和array_splice函数解析
2016/10/18 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
手把手教你实现 Promise的使用方法
2020/09/02 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
[48:20]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中让MySQL查询结果返回字典类型的方法
2014/08/22 Python
python将回车作为输入内容的实例
2018/06/23 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
Django实现发送邮件功能
2019/07/18 Python
python实现最小二乘法线性拟合
2019/07/19 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
Python的pygame安装教程详解
2020/02/10 Python
Virtualenv 搭建 Py项目运行环境的教程详解
2020/06/22 Python
Python 操作 MySQL数据库
2020/09/18 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
班级心理活动总结
2014/07/04 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
党员教师个人对照检查材料范文
2014/09/25 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
部门优秀员工推荐信
2015/03/24 职场文书
总账会计岗位职责
2015/04/02 职场文书
小王子读书笔记
2015/06/29 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS